HTML/CSS/Text/indent

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

paragraph indent

   <source lang="html4strict">

<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>

 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Headings example 4</title>
 <style type="text/css">
   body {
     font: 12px/1.5em Georgia, serif;
   }
   h1 { 
     font: italic 1em/1.5em Georgia, serif;
     margin: 0.75em 0 0 0;
   }
   p {
     margin: 0 0 0 1em;
     width: 33em;
   }
 </style>

</head> <body>

The most important heading

this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.

</body> </html>

</source>
   
  


Paragraphs separated by indenting

   <source lang="html4strict">

<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>

 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Adjacent selectors for separating paragraphs</title>
 <style type="text/css">
   h1 { 
     font: Bold 1em/1.5em Georgia, serif;
     margin: 2em 0 0 0;
     padding: 0;
   }
   div {
     margin: 0;
     width: 33em;
     font: 1em/1.5em Georgia, serif;
   }
   div.indent p { 
     margin: 0.75em 0 0 0;
     padding: 0;
     text-indent: 0em;
   }
   div.indent p+p {
     text-indent: 1.5em;
     margin: 0;
   }
 </style>

</head> <body>

Paragraphs separated by indenting

this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.

this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.

this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.

</body> </html>

</source>