Атрибут align


3	12	1	12.1	4	1


4.4	4	12.1	3.2

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

Это устаревший атрибут, взамен него используйте стили.

Синтаксис

<hr align="center | left | right">

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Значения

center: Выравнивание по центру.
left: Выравнивание линии по левому краю.
right: Выравнивание по правому краю.

Значение по умолчанию

center

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HR, атрибут align</title> </head> <body> <hr align="right" width="300"> <p>До недавнего времени считалось, что лидерство в продажах недостижимо.</p> </body> </html>

Результат примера показан на рис. 1.

Выравнивание линии по правому краю

Рис. 1. Выравнивание линии по правому краю

Примечание

Линию можно выравнивать по краю несколькими способами, один из них через свойство float.

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>HR</title> <style> hr { width: 300px; /* Ширина */ float: right; /* По правому краю */ } </style> </head> <body> <hr> <p>До недавнего времени считалось, что лидерство в продажах недостижимо.</p> </body> </html>

Другой способ состоит в использовании стилевого свойства margin-right. Вот как будет выглядеть стиль:

hr {
  width: 300px; /* Ширина */
  margin-right: 0; /* По правому краю */
 }