CSS. Отступы и интервал.

     Для установки отступа первой строки в параграфе применяется свойство text-indent.

Пример:

<html>
  <head>
    <title>Пример</title>
   <style type="text/css">
      p {text-indent: 30px;}
   </style>
  </head>
  <body>
<p>Отступ первой строки в любом параграфе установлен свойством text-indent и равен 40 px.
</p>
<p>Отступ первой строки в любом параграфе установлен свойством text-indent и равен 40 px.
</p>
   </body>
</html>

 

Результат: (открыть в браузере)


 

     Интервал между буквами устанавливается свойством letter-spacing. В нашем случае интервал между буквами в заголовке h2 будет равен 5 px, а интервал в параграфе- 3 px.

Пример:

<html>
  <head>
    <title>Пример</title>
   <style type="text/css">
     h2 {letter-spacing: 5px;}
     p {letter-spacing: 3px;}
   </style>
  </head>
  <body>
<h2>Интервал между буквами</h2>
<p>Интервал между буквами в параграфе равен 3 px.
</p>
   </body>
</html>

 

Результат: (открыть в браузере)


 

 
Загрузка...