Browsers treat consecutive multiple spaces and new lines as a single white space.
If multiple spaces or new lines are added the browser will ignore them and simply treat as a single space.
This is known as whitespace collapsing.
If more than one space is required between two words a non-breaking space should be used
Similarly, if further new lines are required between content, a <br> element should be used.
<!DOCTYPE html> <html> <head> <title>My Document Title</title> </head> <body> <h1>My first Heading</h1> <h1>My second heading</h1> <p>Paragraph one</p> <br> <br> <br> <br> <p>Paragraph two</p> <p>Paragraph three</p> </body> </html>
Save & refresh browser:
My first Heading
My second heading