Search code examples
cssimagealignmentcenterjustify

How do I center AND justify text, like in this image?

I've taken a look at the other questions, but they're all about centering a blog of left aligned justified text. What I'm struggling with is to center the text and also justify it in a given width.

The image below is a crop of what I designed in Photoshop, I hope to code something like this

This is my current block of CSS code:

#body-container .intro p {
    top: 20px;
    width: 80%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 32px;
    text-align: justify;
}

Any suggestions, thank you very much! :)

Solution

  • It's not a real solution, as it seems this is experimental and only works in firefox and explorer:

    -moz-text-align-last: center;
text-align-last: center;

    See: https://developer.mozilla.org/es/docs/CSS/text-align-last