<style type= "Text/css" >
li{width:100px; border:1px solid #ccc; padding-left:25px; text-indent:-25px;}
</style>
<body>
<ul>
<li> I'm the devil. Vacation Amount Feifei Money </li>
<li> I'm the devil. Vacation Amount Feifei Money </li>
</ul>
</body>
The principle is to first on the left with padding empty open, and then use Text-indext to take back the first line
Report:
Resources:
The use of List-style-type
Grammar:
List-style-type:disc | Circle | Square | decimal | Lower-roman | Upper-roman | Lower-alpha | Upper-alpha | none | Armenian | cjk-ideographic | Georgian | Lower-greek | Hebrew | Hiragana | Hiragana-iroha | Katakana | Katakana-iroha | Lower-latin | Upper-latin
Value:
Disc:css1 the default value. Solid Circle
Circle:css1 Hollow Circle
SQUARE:CSS1 Solid Block
Decimal:css1 Arabic numerals
Lower-roman:css1 Lowercase Roman Numerals
Upper-roman:css1 Capital Roman Numerals
Lower-alpha:css1 lowercase English alphabet
Upper-alpha:css1 Capital English alphabet
None:css1 Do not use bullets
Armenianl:css2 not supported. The traditional Armenian numerals
Cjk-ideographic:css2 not supported. Plain, ideographic numerals
Georgian:css2 not supported. The traditional George number
Lower-greek:css2 not supported. Basic Greek Small Letter
Hebrew:css2 not supported. The traditional Hebrew numerals
Hiragana:css2 not supported. Japanese Hiragana characters
Hiragana-iroha:css2 not supported. Japanese Hiragana serial Number
Katakana:css2 not supported. Japanese Katakana Characters
Katakana-iroha:css2 not supported. Japanese Katakana Serial Number
Lower-latin:css2 not supported. lowercase Latin alphabet
Upper-latin:css2 not supported. Uppercase Latin alphabet
How do I indent after auto-wrapping (CSS)? (used for composition of Li y elements)