HTML/CSS/List Style/list style position
LI list-style-position: inside;
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> li {
list-style-position: inside; width: 33%; padding: 0; margin: 0;
} ul {
margin: 0; padding: 0 0 0 1em;
} </style> </head> <body>
Table of Contents
As proposed, the contents of the paper will contain the following sections:
- Database
- Privacy
- Best
- Automation?
- Smart Choice
let <a href="n@h.ru">Nicholas</a> know about it.
</body>
</html>
</source>
list-style-position: outside
<source lang="html4strict">
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
<title>CSS Example</title> <style rel="stylesheet" type="text/css">
body {
background-color: #ffffff;
} ul {
list-style-position: outside;
} ol {
list-style-position: inside;
} </style> </head> <body>
- This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
- This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
- This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
- This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
- This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
- This example illustrates how text looks when it wraps onto the next line, and uses the list-style-position property. You should see the text wrap onto the next line, and this property indicates where the new line begins.
</body> </html>
</source>