Две строки в теге h1 Мне нужно установить две строки в одном теге h1 (вместо создания двух разделенных тегов h1). Как создать разрыв строки внутри тега h1? Ответ 1 Использование: <h1>Line 1 <br/> Line 2</h1> Ответ 2 A W3C проверенный метод <h1>Line 1 <span style = "display: block;">Line 2</span></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>
Ответ 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>