It is not a very difficult task but it is bit tricky to set equal distance between your custom image bullet and text in an unordered list. Here I am going to explain this procedure step by step using the css.
1. Create an unordered list and enclose this list inside the div tags.
2. Set the id of div tag as “test” (you can choose any name as you want).
3. Create list items. Now it should looks like this:
<div id=”test”>
<ul>
<li>First item in unordered list</li>
<li>Second item in unordered list</li>
</ul>
</div>
Read more..




