HTML/CSS/List Style/list style position

Материал из Web эксперт
Перейти к: навигация, поиск

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.
  1. 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.
  2. 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.
  3. 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>