<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Выравнивание содержимого тегов</title>
</head>
<body style="font-family:Arial, sans-serif">

<h1 style="text-align:center; font-family:Times, serif; color:#FF6600"><em>Lorem ipsum</em></h1>
<p>Lorem ipsum dolor sit amet consectetuer tempus lorem nibh id at. Quam tincidunt dui urna egestas eros Morbi ut elit Cras convallis. Neque elit velit eget semper tincidunt mi Curabitur magnis pellentesque Nulla. Dolor eget fames eros amet eget sed a ridiculus odio Sed. Porttitor et Nulla et dui et turpis lobortis eu consectetuer montes. Magna amet sed et risus elit Aenean convallis mauris quis elit. Sodales Aliquam fringilla tempus ultrices congue auctor non Morbi Maecenas eget. In lorem non nunc iaculis nec tempus eu lorem sagittis convallis. Condimentum magnis dictumst eget odio ipsum eros enim consectetuer a Ut. Justo Praesent sem dapibus eu elit platea nibh justo magna interdum. Wisi eu consectetuer nibh auctor eleifend urna non faucibus velit pede. Risus quis laoreet dictum ridiculus justo Quisque tellus sed quis Lorem.</p>

<h2 style="font-family:Times, serif; color:#6600FF"><em>Hendrerit Suspendisse</em></h2>
<p style="text-align:center">Auctor sagittis Nam dui ipsum molestie magnis mauris sociis iaculis turpis. Hendrerit Suspendisse quis tellus suscipit pede pretium dolor eleifend porttitor leo. Elit lacus urna tellus et magnis fermentum malesuada et vel malesuada. Suspendisse nunc lacus feugiat urna nibh parturient Praesent dui morbi malesuada. Interdum vestibulum tincidunt ut Vivamus id Aenean enim non quis vitae. Nibh velit auctor Nullam nisl Nam turpis nulla pede sed Curabitur. Felis lacinia id amet semper at Nam Curabitur a ut enim. Nisl faucibus risus laoreet cursus congue malesuada Nunc enim tincidunt Vestibulum. Lorem ligula sit Quisque wisi pretium vel sed at elit pede. Pharetra pretium Curabitur nunc Nam vel natoque mauris Vestibulum et enim. Sapien ac sagittis ac tincidunt vel pretium lorem eget et eget. Penatibus eget arcu sed mus laoreet Nunc porttitor justo diam at. Ut justo semper felis laoreet dictumst dapibus Fusce fames eget accumsan. Morbi tincidunt Integer wisi amet elit elit est suscipit consectetuer tellus. Sed pede eget accumsan Quisque feugiat et leo convallis tellus dis.</p>

<h3 style="font-family:Times, serif"><em>Quis id Nunc Curabitur</em></h3>
<p style="text-align:right">Quis id Nunc Curabitur morbi Nunc Ut tempor mattis quis Vivamus. Metus Curabitur vestibulum elit facilisi eu amet et Nunc leo scelerisque. Amet vel Curabitur tellus ante Curabitur sit magna vitae semper orci. Eget Phasellus tellus enim adipiscing non facilisi ipsum et et ac. Curabitur Maecenas sit vitae libero condimentum malesuada ornare nec est ac. Interdum feugiat vel justo tortor vel malesuada non nulla et dolor. Ut ligula magna In a Sed accumsan neque Curabitur aliquam sed. Nulla libero interdum consequat aliquam euismod vitae dui orci natoque massa. Pellentesque et ut sit velit tristique porttitor fringilla Proin et ac. Curabitur natoque Sed dui sit ut natoque sem Vivamus enim metus. Lacus natoque pretium Vestibulum Suspendisse ornare tortor nec dolor at metus. Ipsum adipiscing convallis dui amet justo egestas Curabitur tellus turpis velit. Semper pede sed metus eget vel lacinia eleifend in Morbi convallis.</p>

<h2 style="font-family:Times, serif; color:#6600FF"><em>Mauris tellus</em></h2>
<p style="text-align:justify">Nulla feugiat urna urna malesuada suscipit convallis condimentum neque Quisque ac. Mauris tellus tellus Vestibulum vitae justo justo tempus porta dapibus nibh. Leo Curabitur Nullam laoreet Sed id Nulla a tincidunt pretium eget. Sit auctor turpis pretium semper Pellentesque at feugiat et nec lacinia. Nunc orci urna elit magnis urna pellentesque penatibus pretium eu justo. A nec et vel natoque et Maecenas tellus morbi egestas orci. Porttitor cursus sagittis dolor et mus elit vitae malesuada semper metus. Quis dui Phasellus adipiscing vestibulum ultrices Aenean pellentesque mollis et lacinia. Vestibulum nibh Sed Curabitur non felis turpis nibh rutrum ut wisi. Amet Sed porttitor enim metus lorem lacus Nam Nam interdum Quisque. Vestibulum eleifend libero pretium gravida Quisque hendrerit egestas non nibh nibh. Ac Morbi eget sed consequat urna eget id Aenean ornare laoreet.</p>
</body>
</html>

Обратите особое внимание на параграф выровненный по обоим сторонам, просто новички не всегда улавливают суть такого выравнивания. Видите, браузер выровнял его строки так, что обе стороны параграфа оказались вплотную прижаты к краям и получился ровный блок.

И еще, надеюсь, вы правильно вложили теги в заголовках. Помните, да? Теги заголовков являются блочными и могут содержать только встроенные теги, которым и является <EM>. А вот <EM> не может содержать блочные теги, поэтому, например, подобная запись недопустима:

<em><h2>Mauris tellus</h2></em>

Ну и до кучи, как говорится, не забываем, что тег <BODY> может содержать блочные теги и не может — встроенные.

Вернуться в урок → Перейти к следующему уроку