Example of replacing list bullets with images using the list-style-image property:¶ Html list space between bullet and text. The approach of this article is to create a space between bullets and the text using CSS. There is also very little control over how next to the list items the bullets appear. With the avlue outside the bullet is rendered separately from the text. By default, in HTML, lists usually have item spacing between 110% and 120%. You canât actually reduce the space between the bullet and where the text starts (assuming you have no padding and margins on the list anyway). 3. set your ul li's padding-left to however much space you want between the text, and the image . How to create space between list bullets and text in HTML?,