Proper text formatting?

Discussion in 'HTML & Website Design' started by Gravereaper, Nov 15, 2006.

  1. #1
    Whenever we write a text on web or for an e-book or anywhere else, its never formatted properly. For example one line ending after 52 letters, the other after around 48 letters so this creates a strange looking thing. However on actual books and stuff its formatted properly ( usually, if not always )..

    How do we do it exactly? I am making an e-book and messed up texts is the last thing i am expecting for it :eek:
     
    Gravereaper, Nov 15, 2006 IP
  2. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Can't you post an example or something, I am not sure I follow what you are talking about.

    It sort of sounds like you are talking about text-align:justify but I'm not sure
     
    jared, Nov 15, 2006 IP
  3. jayL

    jayL Peon

    Messages:
    525
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If you meant justified texts (aligned both from left to right), jared's option will work for you. I also not sure since I haven't seen any examples yet.
     
    jayL, Nov 15, 2006 IP
  4. fordP

    fordP Peon

    Messages:
    548
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I am not really following you. Are you talking about it will not justify correctly? try and use div align="justify". It's never always going to be the exact same number of letters on every line
     
    fordP, Nov 15, 2006 IP
  5. jared

    jared Peon

    Messages:
    231
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #5
    That will work too, but actually I think it is more proper to use text-align. It is not a good habit to use the 'align' tag.

    
    <div style="text-align: justify">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi ut ante sed nunc lacinia convallis. Aenean viverra sollicitudin est. Donec lobortis. Aliquam malesuada, orci a vulputate ultricies, nunc nisi lobortis tellus, eget facilisis orci leo at orci. Integer lorem risus, vestibulum nec, consequat consequat, pharetra vitae, tellus. Aenean nisl ligula, auctor eu, luctus ac, porta eget, tortor. Donec auctor lobortis nunc. In hac habitasse platea dictumst. Vestibulum mollis dolor quis nulla. Donec euismod purus et tortor. Aliquam semper, augue ut nonummy dapibus, quam purus pellentesque lectus, ac aliquam libero orci et tortor. Duis at dolor. Phasellus pede. Aliquam suscipit sollicitudin.
    </div>
    
    Code (markup):
    or make a class

    
    .txtjustify {
      text-align: justify;
    }
    
    <div class="txtjustify">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi ut ante sed nunc lacinia convallis. Aenean viverra sollicitudin est. Donec lobortis. Aliquam malesuada, orci a vulputate ultricies, nunc nisi lobortis tellus, eget facilisis orci leo at orci. Integer lorem risus, vestibulum nec, consequat consequat, pharetra vitae, tellus. Aenean nisl ligula, auctor eu, luctus ac, porta eget, tortor. Donec auctor lobortis nunc. In hac habitasse platea dictumst. Vestibulum mollis dolor quis nulla. Donec euismod purus et tortor. Aliquam semper, augue ut nonummy dapibus, quam purus pellentesque lectus, ac aliquam libero orci et tortor. Duis at dolor. Phasellus pede. Aliquam suscipit sollicitudin.
    </div>
    
    Code (markup):
    cheers
     
    jared, Nov 15, 2006 IP
  6. Gravereaper

    Gravereaper Banned

    Messages:
    450
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I tried using it, but i should not expect it to be 100% accurate? , i mean it can still throw few empty spaces at line endings..
     
    Gravereaper, Nov 16, 2006 IP