Two lines in h1 tag

Summarizing all clever answers, this is what https://validator.w3.org says for each one:

Validated:

<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>

Invalid

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

Reason:

Error: Element p not allowed as child of element h1 in this context

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

Reason:

Error: Element div not allowed as child of element h1 in this context.

Tested code:

<!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>

A W3C validated method is 

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

Using:

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

Tags:

Html

Css

Recent Posts