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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.center
{
margin:auto;
width:70%;
background-color:#b0e0e6;
}
</style>
</head>

<body>
<div class="center">
<p>Когда я был помоложе, отец часто давал мне умные советы.</p>
<p>"Перед тем, как критиковать кого-либо, — говорил он, — помни о том, что почти любой человек, которого ты критикуешь, никогда не признает свою вину.</p>
</div>
<p>Заметка: используя margin:auto, помните, что Internet Explorer не поддерживает это свойство, если не указан DOCTYPE.</p>
</body>
</html>

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

Когда я был помоложе, отец часто давал мне умные советы.

"Перед тем, как критиковать кого-либо, — говорил он, — помни о том, что почти любой человек, которого ты критикуешь, никогда не признает свою вину.

Заметка: используя margin:auto, помните, что Internet Explorer не поддерживает это свойство, если не указан DOCTYPE.

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


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