...

View Full Version : bullet point alignment for long sentences



sixrfan
11-15-2009, 03:35 AM
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!

Excavator
11-15-2009, 03:52 AM
Play with this left margin to get it where you want -



#prodtable ul li {
margin: 0 0 0 15px;
list-style-position: outside;
list-style-type: square;
}

Donkey
11-15-2009, 04:09 AM
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:


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.

sixrfan
11-15-2009, 05:06 PM
Play with this left margin to get it where you want -



#prodtable ul li {
margin: 0 0 0 15px;
list-style-position: outside;
list-style-type: square;
}

this worked. thanks!!!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum