Text-Align Justify Not Working

text-align: justify not working

No. All links have different length. But length between these links should be the same.

I have only a tables solution. http://jsfiddle.net/Flack/Q7z6q/

I know it's dirty and will be glad if someone comes with a better idea.

Text-align justify not working?

That text is justified. The last line in a justified paragraph does not get stretched (or compressed) to fit on that line.

To make it look better (in CSS3 browsers that support text-align-last), you could do:

text-align:justify;
text-align-last:center;
/* for IE9 */
-ms-text-align-last:center;

Justify text not working after breaking line

You could try to add white-space: pre-line; and text-align-last: justify; to your code.

<div style="width: 400px; height: 200px;">
<p style="text-align: justify; white-space: pre-line; text-align-last: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit <br>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

HTML CSS Text Align justify isn't working correctly

By using a table it works and making the two 00 in the second cell, makes the numbers have an equal size/space.

text-align, justify-content not working in Safari

For justify-content:center to work it has to be in a display:flex or display:grid block.

You can change your display: block to display:flex.

It also seems to me that your css classes do not correspond to those in your html.

My text-align:justify doesnt work

You have to remove the <br> tags in order for the text justification to work. Then you can add a margin or width on the block of text.