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

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

<body>
<p>Текст без левых полей.</p>
<p class="padding">Текст с левым полем в 2 сантиметра.</p>
<p class="padding2">Текст с левым полем в 50% от ширины родительского элемента.</p>
</body>
</html>

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

Текст без левых полей.

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

Текст с левым полем в 50% от ширины родительского элемента.

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


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