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

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

<body>
<p>Этот текст с правыми полями по умолчанию. Этот текст с правыми полями по умолчанию. Этот текст с правыми полями по умолчанию.</p>
<p class="padding">Этот текст с правым полем в 2 сантиметра. Этот текст с правым полем в 2 сантиметра. Этот текст с правым полем в 2 сантиметра.</p>
<p class="padding2">Этот текст с правым полем в 50%. Этот текст с правым полем в 50%. Этот текст с правым полем в 50%.</p>
</body>
</html>

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

Этот текст с правыми полями по умолчанию. Этот текст с правыми полями по умолчанию. Этот текст с правыми полями по умолчанию.

Этот текст с правым полем в 2 сантиметра. Этот текст с правым полем в 2 сантиметра. Этот текст с правым полем в 2 сантиметра.

Этот текст с правым полем в 50%. Этот текст с правым полем в 50%. Этот текст с правым полем в 50%.

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


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