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
    Regular Coder
    Join Date
    Aug 2009
    Posts
    407
    Thanks
    119
    Thanked 0 Times in 0 Posts

    bullet point alignment for long sentences

    how do i get the second line of a bullet point, which is on line below where the first line starts to line up vertically with the first letter of the first line?

    for instance, if you look at my page here: http://www.bandit4x4.com/products/btd0001.html, how do i get the text "AC4x4 parts" (which is the end of the last 'Features' bullet point) to line begin just where "Compatible..." starts???

    thanks in advance!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Play with this left margin to get it where you want -

    Code:
    #prodtable ul li {
    margin: 0 0 0 15px;
    	list-style-position: outside;
    	list-style-type: square;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    sixrfan (11-15-2009)

  • #3
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    Put the last bit of the line inside a paragraph (which is OK to use inside a li) and then in your style sheet do something like:

    Code:
    li p
    {
    margin: -2px 0 0 15px;
    }
    You may need to adjust the values. I found that a negative top margin is necessary to compensate for the change in position caused by the paragraph.
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #4
    Regular Coder
    Join Date
    Aug 2009
    Posts
    407
    Thanks
    119
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Play with this left margin to get it where you want -

    Code:
    #prodtable ul li {
    margin: 0 0 0 15px;
    	list-style-position: outside;
    	list-style-type: square;
    }
    this worked. thanks!!!


  •  

    Posting Permissions

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