Adjust list style image position?

by

Not really. Your padding is (probably) being applied to the list item, so will only affect the actual content within the list item.

Using a combination of background and padding styles can create something that looks similar e.g.

li {
  background: url(images/bullet.gif) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 3px 0px 3px 10px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

You might be looking to add styling to the parent list container (ul) to position your bulleted list items, this A List Apart article has a good starting reference.

More Related Contents:

  1. CSS Image Effects
  2. Center multiple images horizontally in CSS
  3. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  4. SVG data image not working as a background-image in a pseudo element
  5. CSS Image size, how to fill, but not stretch?
  6. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  7. How to vertically align an image inside a div
  8. Is there any way to hover over one element and affect a different element? [duplicate]
  9. Preloading CSS Images
  10. How can I resize an image dynamically with CSS as the browser width/height changes?
  11. Drop shadow for PNG image in CSS
  12. Text on image mouseover?
  13. html, css – weird invisible margin below pictures
  14. Greyscale Background Css Images
  15. Replacing H1 text with a logo image: best method for SEO and accessibility?
  16. How to put an image in div with CSS?
  17. CSS: 100% width or height while keeping aspect ratio?
  18. Responsive Images with CSS
  19. How can I reset a CSS-counter to the start-attribute of the given list
  20. Removing the image border in Chrome/IE9
  21. Define an ‘s src attribute in CSS [duplicate]
  22. How can I create multi columns from a single unordered list?
  23. Custom li list-style with font-awesome icon
  24. Contain an image within a div?
  25. Customize list item bullets using CSS
  26. Firefox blurs an image when scaled through external CSS or inline style.
  27. How to style the number on a html list?
  28. input type=”image” shows unwanted border in Chrome and broken link in IE7
  29. Inner border over images with CSS?
  30. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?

Leave a Comment