Block-Level Elements

Text in a Preformatted Element

This             text

        spans              several
   lines

                     and             has             lots
  of         extra              

whitespace.

To me, the above text looks messy and spread out, hard to read.

Same Text in a Paragraph Element

This text spans several lines and has lots of extra whitespace.

And now, it's just one line!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<div></div> Creates a new line after itself in the webpage.