Выравнивание текста в HTML

Чтобы выравнять текст в html, например в абзацах по центру, по левому или по правому краю можно использовать два способа.

1. Через использование атрибута "align" c параметрами - "left","left","right".

<p align=center>Текст по центру</p>
<p align=left>Текст слева</p>
<p align=right>Текст справа</p>

Результат:

Текст по центру

Текст слева

Текст справа

2. Правильней делать это через CSS свойством выравнивания "text-align" с аналогичными параметрами "left","left","right".

<p style="text-align:center">Текст по центру</p>
<p style="text-align:left">Текст слева</p>
<p style="text-align:right">Текст справа</p>

В результате получим тоже самое:

Текст по центру

Текст слева

Текст справа

А лучше стили писать в отдельном файле, простой пример:

p{
  text-align: center;
}

Текстовые теги

<h1>Заголовок 1
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

<p>Абзац</p>

<b>Жирный текст</b>

<i>Курсивный текст</i>

<u>Подчеркнутый текст</u>

<ul>
  <li>Ненумерованный список</li>
  <li>Ненумерованный список</li>
</ul>
<ol>
  <li>Нумерованный список</li>
  <li>Нумерованный список</li>
</ol>

Перенос </br> текста