Viewing 12 replies - 1 through 12 (of 12 total)
  • You have the justified, as a div?
    <div align=”justify”>Flora Deborah is a photographer based in London (Wapping E1W).
    Born 1984 in Evian les Bains, Haute Savoie

    You should select the text in the WordPress editor and use the Justify, then in the HTML view you will get something like this!

    <h1>My Title 1</h1>
    <p style=”text-align: justify;”>Justified: Cras eget justo at metus volutpat volutpat. Vestibulum tristique mattis augue, et mattis velit lacinia non. Pellentesque venenatis gravida justo ut cursus. Nunc sagittis, purus eu facilisis semper, neque urna sollicitudin libero, et semper sapien quam a nisl.</p>

    <h1>My Title 2</h1>
    <p style=”text-align: justify;”>Justified Quisque cursus ornare dolor, non dignissim lacus molestie a Cras eget justo at metus volutpat volutpat. Vestibulum tristique mattis augue, et mattis velit lacinia non. Pellentesque venenatis gravida justo ut cursus.</p>

    HTH

    David

    Thread Starter missflo

    (@missflo)

    Hello David,

    thank you!

    I tried that but unluckily doesn’t work, I’m not sure why..

    As I said it is because you have the paragraph text inside <div></div> tags, in the editor on the right you have two tabs!
    [ Visual ][ HTML ] click on the HTML view and you will see the markup!

    HTH

    David

    Thread Starter missflo

    (@missflo)

    Thanks David, I took all the <Div> away, but nothing changed.. thanks anyway.
    Maybe there is something else wrong in the CSS that is forcing the paragraphs not to justify? I looked everywhere, but couldn’t find it.

    Thread Starter missflo

    (@missflo)

    still not solved..does anybody got any other advice? that would be fabulous. thank you 🙂

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Thread Starter missflo

    (@missflo)

    Thank you Esmi. I tried it out (great application!) , but seems like the text should be Justified? this is driving me crazy I don’t understand what’s wrong.

    Hi Flora,
    you have short sentences with html line breaks.

    So the text is justified it is just the short sentences:

    Flora Deborah is a photographer based in London (Wapping E1W). {break}
    Born 1984 in Evian les Bains, Haute Savoie, she was raised in Milan and then moved to London in 2008 to study at the University of the Arts. {break}
    Nowadays she takes pictures and jog by the river on sunny days. {break}
    her portfolio: floradeborah.com

    Test it with a few paragraphs of Lorem Ipsum

    This is how it looks with a large amount of text, you can see it is justifed.

    HTH

    David

    Thread Starter missflo

    (@missflo)

    Thanks David,
    you are right, it does work with a full paragraph, but I never had the issue of having single lines not formatting. not sure how I can get the justify look with the “break” ?
    maybe with a table?

    If you paste your page contents into Word (justified) there is not much difference to the first two sections.

    The last section gets strung out and looks horrible, it might be worth looking at padding out the sentences with much more detail

    It says when and where she was born but nothing about her life there, her siblings, childhood, nothing about the area, town, rural, just a name.
    It says where she studied but not what she studied, was it fine arts, photography, graphic arts etc.
    It says she takes picture but not what type, outdoor, nature, people, places, objects.

    Regards

    David

    Thread Starter missflo

    (@missflo)

    Thank you David, but I would really like to make it look more justify without having to write more about myself in the bio.
    If anyone has any advice that would be so helpful! thank you 🙂
    Best
    Flora

    You could make that section narrower (by adding margins or padding in the CSS code) — but do be aware that justified text is generally considered to be harder to read…

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘CSS justify text not working on Pages’ is closed to new replies.