CSS is displayed behind text with the List-style-type property
That black spot shows up in the date place what's the problem,
In the first case, the list-style-position:outside is modified directly; for list-style-position:inside; no words are added.
Method Two: In the case of list-style-position:outside, the list symbol to leave a position to display, for example, to add a property margin-left:50px Li, the second case directly delete floating element float.
Extension: List-style-type: Defining list Styles
Disc: Dot
Circle: Circle
Square: Square
Decimal: Numbers, such as 1,2,3,,....,11,12,13
Decimal-leading-zero: decimal number, less than two bits of the completion leading 0, for example: 01, 02, 03, ..., 98, 99
Lower-roman: Lowercase roman text, for example: I, II, III, IV, V, ...
Upper-roman: Uppercase Roman text, for example: I, II, III, IV, V, ...
Lower-greek: Lowercase Greek letters, for example: Alpha, Beta (beta), gamma (gamma), ...
Lower-latin: lowercase Latin, for example: A, B, C, ... Z
Upper-latin: Uppercase Latin, for example: A, B, C, ... Z
Armenian: Armenian numerals
Georgian: Georgia numbers, for example: An, Ban, gan, ..., he, Tan, in, In-an, ...
Lower-alpha: lowercase Latin, for example: A, B, C, ... Z
Upper-alpha: Uppercase Latin, for example: A, B, C, ... Z
None: None (cancels all list styles)
Inherit: Inheritance
Custom picture: List-style:square inside URL
Shorthand rule: List-style:square inside URL (' arrow.gif '), front blue Square is the list symbol List-style-type, The middle red inside is the List-style-position locator, and the last green URL is the picture path list-style-image, and if it does, it will overwrite the front square, and if it does not exist, it will be displayed in square.
. cen5 Li A{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px}.ileft{display: Inline-block}
You can write a black dot in front of the text, or upload an image, such as <li><i></i> contact </li>
You can upload a background map in I,