Код вашей страницы

 <html>
<head>
<style type="text/css">
p.ex1 {padding:2cm;}
p.ex2 {padding:0.5cm 3cm;}
</style>
</head>

<body>
<p class="ex1">У этого параграфа одинаковые поля с каждой стороны по 2 сантиметра.</p>
<p class="ex2">А у этого параграфа верхние и нижние поля равны 0,5 сантиметра, а левое и правое поля — 3 сантиметра.</p>
</body>
</html>

Результат в окне браузера

У этого параграфа одинаковые поля с каждой стороны по 2 сантиметра.

А у этого параграфа верхние и нижние поля равны 0,5 сантиметра, а левое и правое поля — 3 сантиметра.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки