HTML Paragraphs.

Paragraphs are used to group and structure blocks of text. They are the most common way to display text content on the web.

The Essentials

The tag defines a paragraph of text.

Browsers automatically add margin (white space) before and after each paragraph.

Paragraphs are block-level elements—they always start on a new line.

Extra spaces or new lines inside the code are ignored by the browser.

You cannot nest a block-level element (like a div) inside a paragraph.

The tag can be used to create a line break within a paragraph.

HTML ignores multiple spaces or line breaks inside your code. If you need specific spacing, you must use CSS (margins/padding) or the <pre> tag.

Use only for line breaks that are part of the content (like an address or a poem). Never use to create space between paragraphs—use CSS instead.

Keeping paragraphs short (3-4 sentences) improves readability on mobile devices and keeps users engaged with your content longer.

By default, text is left-aligned. You can use CSS (text-align: center/justify) to change the look of your paragraphs globally.

Using multiple tags to create space between sections (use CSS margins instead).

Forgetting to close the tag, which can lead to nested paragraph bugs.

Thinking that hitting 'Enter' in your code editor will create a new line on the webpage.

Nesting another tag inside a —this is invalid HTML.

Create two separate paragraphs

Add a line break inside the second paragraph between 'First' and 'Second'

Loading editor...

Production Preview