HTML/CSS/Box Model/padding right

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

Padded Content

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

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

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

   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title></title>

<style type="text/css" media="Screen">

  • .padded-mild {
 padding-left: 1em;
 padding-right: 1em;
 line-height: 1em;

}

  • .padded-emphasized {
 padding-left: 2em;
 padding-right: 2em;
 line-height: 2em;

}

  • .padded-strong {
 padding-left: 3em;
 padding-right: 3em;
 line-height: 3em;

}

  • .padded-extreme {
 padding-left: 4em;
 padding-right: 4em;
 line-height: 4em;

} </style> </head> <body>


a letter...
a word...
a phrase...
a paragraph...

</body> </html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Box_Model/padding_right&oldid=5307»