-1

I'm trying to display a block of text with word-wrap but uses a variable size of white spacing so the text fills the width of the box evenly on each line. (see picture)

I'm stumped on this one and google searches haven't come up with anything. I'm also utilizing bootstrap and jquery in the site, so if either of those can create a solution that would be fine too.

no desc

Phaelax z
  • 1,814
  • 1
  • 7
  • 19
  • 2
    Do you mean `text-align: justify`? – Ammar Jun 16 '19 at 15:19
  • Provide a [mcve], not just an image. – Asons Jun 16 '19 at 15:19
  • If I could provide an example, I wouldn't need to have asked the question. Yes justify was it. I searched for every description I could think of and nothing ever mentioned justify. ugh figures it'd be simple. – Phaelax z Jun 16 '19 at 15:34

1 Answers1

0

You need to justify the text. Use the text-align: justify to do that. More information can be found on CSS Tricks.

.text-justified {
  width: 200px;
  text-align: justify; /* this is the important line, it justifies the text */
  border: solid black 2px;
  padding: 5px;
}
<p class="text-justified">This text will be justified. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor felis et augue tristique euismod. Mauris at rutrum justo. Aenean mollis rutrum arcu, vitae feugiat dolor pharetra et. </p>
JamesBot
  • 131
  • 1
  • 2
  • 8