Как верстать текст в несколько строк?

Question

[art style]

Заголовок1
заголовок1

Текст1
(отступ)Текст2
(отступ)(отступ)Текст3

Заголовок и текст имеют свои классы, но располагаются на разных строках
как их верстать правильно для юзабилити и СЕО? через разные блоки и разные классы или в одном блоке через спецсимволы? или через хитрые css классы nth child и .class > span
или через css

Answer 1

[kocherman]

Для заголовка используй тэг h1. Для семантики тем лучше чем меньше классов. А лесенкой текст можно сделать по принципу регионов https://dev.opera.com/articles/introduction-to-css...

Answer 2

[McBernar]

Заголовок и абзац — это блочные элементы сами по себе. И располагаются они каждый на своей строке, если не указать обратное.

А верстается все в соответствии с дизайном или смыслом.

Comments

[art style]

имелось ввиду что в заголовке 2 слова разнесенные по строкам через
или стоит сделать 2 заголовка?

[McBernar]

art style, заголовок можно br разбить. Он для этого и существует.

А текст можно pre. Не представляю — зачем это надо, конечно.