1. Главная страница » Уроки HTML » Выравнивания текста по краям контейнера <div>

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

Автор: | 03.04.2013

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

  1. align=»center» – выравнивает содержимое по центру
  2. align=»left» — выравнивает содержимое по левому краю
  3. align=»right» — выравнивает содержимое по правому краю
  4. 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>

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 

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

  1. Александр

    Александр Это конечно нулевой уровень, но круто! Спасибо!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code