Вложенные HTML теги

Делать вложенными можно не только строчные теги. Блочные теги тоже подходят. Например, тег <div> может использоваться для объединения двух параграфов:

<div>
  <p>Первые вложенный параграф.</p>
  <p>А это второй вложенный параграф.</p>
</div>

Несколько блочных элементов можно разместить внутри другого блочного элемента — все зависит от структуры, которую ты задумал.

Но помни — не все теги можно вкладывать в другие. Например, тег заголовка <h1> нельзя вкладывать в тег параграфа <p>.

А можно ли сделать текст, отображаемый курсивом, жирным? Конечно, это всего лишь очередная вложенность тегов:

<div>
  <p>Первый вложенный параграф.</p>
  <p>А это второй вложенный параграф. <b><i>Этот текст будет и жирным, и написанный курсивом</i></b>
  </p>
</div>

Как думаешь, а можно ли поменять местами теги <b> и <i> местами и сделать <i> - родительским тегом?