Две строки в теге h1

Мне нужно установить две строки в одном теге h1 (вместо создания двух разделенных тегов h1).

Как создать разрыв строки внутри тега h1?

Ответы

Ответ 1

Использование:

<h1>Line 1 <br/> Line 2</h1>

Ответ 3

Вы можете вставить разметку внутри h1, чтобы вы могли просто сделать <h1>foo<br>bar</h1>.

Ответ 4

как об использовании divs внутри тега h1?

<h1>
  <div>line1</div>
  <div>line2</div>
</h1>

Ответ 5

Подводя итог всем умным ответам, вот что https://validator.w3.org говорит для каждого:

Утвержденные:

<h1>Line 1 <br/> Line 2</h1>
<h1>Line 1<br>Line 2</h1>
<h1>Line 1 <span style = "display: block;">Line 2</span></h1>

Недействительным

<h1>
    <p>Line1</p>
    <p>Line2</p>
</h1>

Причина:

Ошибка: элемент p не допускается как дочерний элемент элемента h1 в этом контексте

<h1>
  <div>line1</div>
  <div>line2</div>
</h1>

Причина:

Ошибка: элемент div не допускается как дочерний элемент элемента h1 в этом контексте.

Протестированный код:

<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<h1>Line 1 <br/> Line 2</h1>
<h1>Line 1<br>Line 2</h1>
<h1>
    <p>Line1</p>
    <p>Line2</p>
</h1>
<h1>Line 1 <span style = "display: block;">Line 2</span></h1>

<h1>
  <div>line1</div>
  <div>line2</div>
</h1>
</body>
</html>