Border on <li></li> items including image styled bullets

How can i put a border on a <li> item including the styled bullets.

li{
   border:solid 1px gray;
}

CSS rule above will only give a border to the text contents of <li></li> and the border is not extended to the bullets which I have styled as png icons.

How can i get the bottom border on each li to extend to the list bullets as in the second screenshot?

Current Output

enter image description here

Desired Output
enter image description here


Source: html

Leave a Reply