Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to spread 3 line text evenly on given width

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #151020
    opus
    Participant

    Hi all, I’m going insane trying to accomplish this.

    This is what im trying to achive – http://clip2net.com/s/5Ohygu.
    I tried using a P tag with BRs and text-align: justify;

    eg.

    company | company | company | company | company company | company | company | company company | company | company

    But if i go like this so last line isnt spread over the width and equal to the 2 first lines.

    Any suggestions?

    #151030
    opus
    Participant

    Yes, but in your example both lines have the same content so they spread evenly… what if you have different content like the design im trying to achieve in this link

    #151034
    opus
    Participant

    This is what i did but the problem is i need the last line to be the same as the top 2 lines.

    You can see the real example Here at the bottom of the page.

    #151037
    opus
    Participant

    The whole website is rtl… that part should be ltr… i fixed it now.
    but it still dosnt solve my issue the 3rd line is shorter.

    #151042
    opus
    Participant

    I never did that.. hope This is ok…

    I need all 3 lines exactly same width.

    #151055
    TheDoc
    Member

    I don’t think there’s any way to accomplish this with CSS.

    #151067
    opus
    Participant

    Thanks for trying jurotek!

    Doc,
    Is there any other way accomplishing this?
    If i don’t have a choice i will use an image but i really prefer using text.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.