Some list items need to have a small icon in front of the text, such as:
There are many ways to implement this, using <span> elements here.
The span tag is a row element, not a wide height, although it can be changed by Display:block; But it will cause a newline.
Post code:
[HTML] Www.php.cn<span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 1</span> <span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 2</span> <span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 3</span> <span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 4</span> <span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 1</span><span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 2</span><span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Option 3</span><span style= "Padding-left:19px;background:url (a.jpg) no-repeat;" > Options 4</span>
Here the use of padding-left to achieve this small icon, is to let the text on the right point