Jennifer Knowles wrote:
This is driving me nuts and I know it should be simple ...
I am trying to indent an unordered list. I could use
list-style-position but then if the second line under a bullet isn't
indented. I have tried setting the margin and padding both to 30px
on both the UL and then tried the same on the LI. I have also tried
setting padding to 30px and margin to 0px. Here is the latest of
what I have ... any help is appreciated!
http://www.createthepower.com/why-choose-us
.contentpaneopen ul { padding-top:0px; padding-left:30px;
margin-top:0px; margin-bottom:5px; margin-left:30px;
list-style-type: disc; font-weight:bolder;}
You need a margin-left of 170px because of the floated image. Your
margin and padding are currently happening at the left, 'behind' the
picture[*].
With a margin-left of 170px, the <ul>'s left border will be where the
rest of text is, and then you can use padding to make it sit more to
the right if needed.
[*] If you install the Firebug plugin in Firefox, you can easily see
this happening, makes it very easy to debug this type of thing.
--
Els
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/