---
title: "Offset bullet image in UL using CSS"  
description: "Offset bullet image in UL using CSS"  
author: "Manoj Bhatt"  
published: 2013-08-19  
updated: 2013-08-19  
canonical: https://www.mindstick.com/forum/1406/offset-bullet-image-in-ul-using-css  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# Offset bullet image in UL using CSS

Hi [developers](https://www.mindstick.com/articles/12875/blunders-you-must-avoid-while-hiring-java-developers-to-get-the-best-fulfilling-your-needs)!

In my unordered list, I use an [image](https://www.mindstick.com/articles/23551/an-investigate-distinctive-seafood-restaurant-for-your-image-stamp-character) for the bullet but the bullet appears aligned with the bottom of the [text](https://www.mindstick.com/blog/301635/did-people-reinvent-texting-to-express-the-full-range-of-emotions) to the [right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not) of it. I would like to have it positioned in the middle of the text's height. Is there some way in [css](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem) to center or [add](https://www.mindstick.com/forum/12983/add-address-in-textbox-when-page-is-load-and-if-i-search-address-in-textbox-show-in-map-by-javascript) an [offset](https://www.mindstick.com/forum/159824/explain-the-purpose-of-the-limit-and-offset-clauses-and-how-are-they-used-for-pagination) to the bullet?

```
<ul>  <li>item 1</li>  <li>item 2</li></ul> ul{  list-style-image: url('/images/bullet_blue_8x8.png');}
```

thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)

\

## Replies

### Reply by shreesh chandra shukla

Hi Manoj!try this

```
ul{     margin:0;     padding:0;     list-style:none;    }li {   
background:url("/images/bullet_blue_8x8.png") no-repeat 0
-2px;    padding-left:18px;    font-size:12px;    } 
```

You need to use background-image.


---

Original Source: https://www.mindstick.com/forum/1406/offset-bullet-image-in-ul-using-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.