Force single line of text in element to fill width with CSS

September 20, 2023 by Tarik

Try this:

div {
  text-align: justify;
}

div::after {
  content: "";
  display: inline-block;
  width: 100%;
}

<div>
  Some sample testing string
</div>

jsFiddle

Take a look here for more info.