Редактор Онлайн

<html>
<head>
<style type="text/css">
p.padding {padding-bottom:2cm;}
p.padding2 {padding-bottom:50%;}
</style>
</head>

<body>
<p>Этот текст не имеет нижнего отступа. Этот текст не имеет нижнего отступа. Этот текст не имеет нижнего отступа. </p>
<p class="padding">Этот текст имеет нижний отступ в 2 cm. Этот текст имеет нижний отступ в 2 cm. Этот текст имеет нижний отступ в 2 cm. </p>
<p class="padding2">Этот текст имеет нижний отступ в 50%. Этот текст имеет нижний отступ в 50%. Этот текст имеет нижний отступ в 50%. </p>
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами