Css controls small icons in front of Text

Some list items need to be added with a small icon in front of the text. For example, there are multiple implementation methods. The <span> element is used here. The span mark is a Row Element with no width or height, although it can be changed through display: block. But it will cause a line feed. Code: [html] www.2cto.com <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; "> Option 4 </span> padding-left is used to display the small icon, that is, to make the text right