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

 <html>
<head>
<style type="text/css">
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
</style>
</head>

<body>
<h1>Пример выравнивания текста средствами CSS</h1>
<p class="date">Май, 2150</p>
<p class="main">Когда мне было 8 лет, я сказал отцу: Папа, не надо курить, вот я, когда вырасту не буду курить. Отец бросил курить и не курил после этого много лет до самой смерти. К сожалению, я не сдержал обещания, данного отцу. Я курю. Мысль что я обманул отца, не дает мне покоя уже много лет.</p>
<p><b>Заметка:</b> Попробуйте изменить размеры окна браузера, чтобы посмотреть, как работает выравнивание по ширине.</p>
</body>

</html>

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

Пример выравнивания текста средствами CSS

Май, 2150

Когда мне было 8 лет, я сказал отцу: Папа, не надо курить, вот я, когда вырасту не буду курить. Отец бросил курить и не курил после этого много лет до самой смерти. К сожалению, я не сдержал обещания, данного отцу. Я курю. Мысль что я обманул отца, не дает мне покоя уже много лет.

Заметка: Попробуйте изменить размеры окна браузера, чтобы посмотреть, как работает выравнивание по ширине.

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