Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Multiple lines in li list

    I tried to search around for this topic but didn't find anything. Is it possible to have multiple lines of text for one li list item?

    Something like this:
    PHP Code:
    This is line one in my list

    This is line two in my list
    but I have more information
    that I would like to show like this

    This is line three in my 
    list 
    Thanks for any help.

  • #2
    New Coder
    Join Date
    Apr 2013
    Posts
    16
    Thanks
    0
    Thanked 3 Times in 3 Posts
    try assigning a class to one of the list and add text-decoration: underline to the css for it. Example: http://jsfiddle.net/8uyFm/

    HTML:
    Code:
    <ul>
        <li>This is line one in my list</li>
        <li class="underline">This is line two in my list</li>
        <li>This is line three in my list </li>
    </ul>
    CSS:
    Code:
    .underline {
           text-decoration: underline;
    }
    Not sure if this is what you want.

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    50
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Thanks but no, that's not want I'm looking to do. That just adds an underline to an li item. I'm looking for a way (if possible) to have multiple lines for one li item.

  • #4
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    limit the width of the LI and it will wrap to the next line if it doesnt have a set height.

  • Users who have thanked DanInMa for this post:

    frank727 (08-04-2013)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •