Left floated element and unordered lists (ul).

[superuntitled]

Hello, I am trying to indent the li elements of a ul. There is a left floated div with an image in it. The li element will indent only if I add left padding that is wider than the image itself. I you would like to look at a version irl, http://superuntitled.com/cms/home. On this page, I have given the li a background color to demonstrate.

Code:

Est tincidunt doming iis nobis nibh. Ullamcorper eorum elit lius me delenit.

---

Lorem

• list element
• list element
• list element

The css:

Code:

.left {float: left; }
.left img {padding-right: 20px;}
ul li { padding-left: 10px; background: blue; }

thanks!

[superuntitled]

i have added "position:relative;" to the ul and added "left:10px;", this seems to work.

Does anyone have a better way?

[TheDoc]

Add "padding-left: 390px;" to your text-area div. Add "padding-left: 10px" to your li.

[Author]

Posts