HTML Paragraphs

Beginner ~5 min read

The Paragraph Tag

The HTML <p> element defines a paragraph.

A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.

HTML

CSS

<p>This is a paragraph.</p>\n<p>This is another paragraph.</p>

Line Breaks

The HTML <br> element defines a line break.

Use <br> if you want a line break (a new line) without starting a new paragraph:

HTML

CSS

<p>This is<br>a paragraph<br>with line breaks.</p>

The Pre Element

The HTML <pre> element defines preformatted text.

The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

HTML

CSS

<pre>\n  My Bonnie lies over the ocean.\n\n  My Bonnie lies over the sea.\n\n  My Bonnie lies over the ocean.\n\n  Oh, bring back my Bonnie to me.\n</pre>

Quick Quiz

Which tag is used to insert a line break?

Previous Headings

Next Formatting

The Paragraph Tag

Line Breaks

The Pre Element

Quick Quiz

Enjoying these tutorials?