CODEWITHSUNDEEP
csslisthtml-lists
rainerbrunotte
rainerbrunotte

Reputation: 907

CSS list style image position relative to list item

I have used an image as my list style image for creating nice bullet points, however they are not correctly vertically aligned to the list item. I have played around with the margin and padding of the list items, but cannot vertically "correct" them. What do I need to do?

enter image description here

Upvotes: 0

Views: 3268

Answers (2)

Patrick McDermott
Patrick McDermott

Reputation: 1220

I think you can find your answer here Adjust list style image position?

Position your image with the position properties top, left and then use padding to position them:

li {
  background: url(images/bullet.gif) no-repeat left top;
  padding: 3px 0px 3px 10px;
  margin: 0;
}

Upvotes: 1

LKG
LKG

Reputation: 4192

Try background:url('image/path') left center no-repeat in css part.

Upvotes: 1

Related Questions