Question Details

No question body available.

Tags

html css

Answers (3)

July 3, 2026 Score: 2 Rep: 46 Quality: Low Completeness: 60%

You need to add a container to your DOM to implement Flexbox:


            
Characters: 0

            
Remaining: 0

Then, to align the remaining counter to the right of div-box, which has 350px width, you need to consider inline-flex.

.container {
    display: inline-flex;
    width: 350px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

So, here is the runnable code snippet:

textarea {
    width: 350px;
    height: 150px;
}
p {
    display: inline-block;
}
.right {
    text-align: right;
}
.container {
    display: inline-flex;
    width: 350px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

        

        

            
Characters: 0

            
Remaining: 0

July 3, 2026 Score: 1 Rep: 23,063 Quality: Low Completeness: 50%

This way...?

div {
  width : fit-content;   / added /
}
textarea {
  width  : 350px;
  height : 150px;
}
p {
  display : inline-block;
}
.right {
  float   : right;       / change to float /
}
  

  

    Characters: 0
  

  

    Remaining: 0

July 3, 2026 Score: 0 Rep: 21 Quality: Low Completeness: 50%

Wrap both the characters and the remaining paragraph tags in a div container, and give it display: flex; and justify-content: space-between;

.stats {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
  

    
Characters: 0

    
Remaining: 0