Выравнивания текста по краям контейнера <div>

Хотелось бы рассказать вам о важном атрибуте (align=»») что переводиться как «выравнивать» с его помощью мы можем выравнивать текст, изображения по краям вашего контейнера. У данного атрибута есть четыре значения:

align=»center» – выравнивает содержимое по центру
align=»left» — выравнивает содержимое по левому краю
align=»right» — выравнивает содержимое по правому краю
align=»justify» — выравнивает содержимое по обоим краям

Теперь немножко практики.

Поместите ваш текст или часть его в контейнер <div> </div> пропишите ему атрибут (align=»») с любым значением, сохраните и посмотрите, что у вас получилось.

На пример: <div align=»center» > </div>

<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
<div align=»center»>
Получилось!!! <br/>
Это моя первая страница.<br/>
<font color=»red»> Привет!!! </font>
</div>
</body>
</html>

Как вы видите, мы в контейнер <div> можем поместить все что угодно, даже другой контейнер <div>

Дальше мы научимся работать с текстом.