After the skeleton, the head and headings, this next piece in the series looks at something so ordinary it barely seems worth explaining, the paragraph. That is exactly why it earns a place here. It is almost certainly the single most used element on any content-driven website, and it is also one of the most quietly misused.
Most of the words you are reading right now, on this page and on almost every page across the web, sit inside a paragraph element. Getting it right is simple. Getting it wrong is easy to do without noticing, and it causes more accessibility and structural problems than its humble reputation suggests.
The Basics
<p>This is a paragraph. It can contain as much or as little text as needed, and it wraps naturally to fit the width of its container.</p>
The p element marks a block of text as a single paragraph, a distinct, self-contained unit of content. Browsers automatically add space above and below it, visually separating one paragraph from the next, which is part of why it does more structural work than it might appear to at first glance.
The Mistake Worth Knowing About
The most common misuse is reaching for line breaks (the < br> element) to create visual spacing between lines of text, rather than using separate paragraph elements. It is an understandable habit, since a string of line breaks can look identical to properly separated paragraphs on screen.
Not ideal:<p>First line here.<br><br>Second line here.</p>Better:<p>First line here.</p><p>Second line here.</p>
The difference matters more than the visual result suggests. Screen readers and search engines interpret genuinely separate paragraphs very differently from a single paragraph artificially broken up with line breaks. The first approach communicates real structure. The second only fakes it.
What Paragraphs Should and Should Not Contain
- A paragraph element should contain flowing text content, sentences and inline elements like links or emphasis, not other block-level elements such as headings, lists or other paragraphs
- Nesting a heading, list, or another paragraph inside a p element is invalid HTML and can cause browsers to handle the page in unpredictable ways
- Short, standalone pieces of text that are not genuinely part of a flowing paragraph, a caption or a single UI label, for instance, are often better suited to a different element entirely, depending on their actual purpose
Why This Genuinely Matters
- Screen readers let users jump between paragraphs as a navigation method, similar to how they jump between headings, which only works reliably when paragraphs are marked up properly
- Search engines and AI answer engines use paragraph boundaries to understand where one distinct idea ends, and another begins within your content
- Correct paragraph structure makes a page’s underlying code considerably easier for developers to read, maintain and style consistently
- Proper spacing between genuinely separate paragraphs, applied through CSS rather than manual line breaks, stays consistent across different screen sizes and devices
A Quick Paragraph Checklist
☐ Each distinct idea or point gets its own paragraph element, rather than being separated with line breaks
☐ Paragraphs are not nested inside other paragraphs or block-level elements like headings or lists
☐ Spacing between paragraphs is controlled with CSS, not manual line break stacking
☐ Very long, unbroken blocks of text are split into shorter paragraphs for genuine readability, not just visual variety
Frequently Asked Questions
Does WordPress handle paragraph markup correctly by default?
Generally yes, the block editor creates a genuine paragraph element each time you press return to start a new paragraph. Problems tend to creep in with older content pasted from other sources, particularly Word documents, which can sometimes bring inconsistent or improper markup along with the text.
Is it ever acceptable to use a line break inside a paragraph?
Yes, sparingly, for genuinely short line breaks within a single paragraph, an address split across lines, for example, where the content is still one continuous idea rather than two separate paragraphs. The key distinction is whether you are breaking a line within one idea, or artificially separating two genuinely distinct ideas that should each have their own paragraph.
Does paragraph length affect SEO?
Not paragraph length directly, but genuinely well-structured content, broken into digestible paragraphs rather than one dense block of text, tends to perform better because it is easier for both readers and AI answer engines to parse and extract meaning from. This is a readability benefit that indirectly supports SEO, rather than a direct ranking factor tied to paragraph length itself.
Can I put an image inside a paragraph element?
Technically, the HTML specification permits an inline image within a paragraph, since images are inline-level content by default. In practice, many developers wrap images in their own container outside the surrounding paragraph text for cleaner styling control, though either approach can be valid depending on the specific layout being built.
Why do some of my paragraphs look like they have different spacing?
This is almost always a CSS styling issue rather than an HTML structure problem, inconsistent spacing values applied somewhere in your theme or custom styles. It is still worth checking that the underlying markup is using genuine paragraph elements consistently, since mixed approaches, some paragraphs, some line breaks, can make inconsistent spacing considerably harder to fix cleanly.
Want Your Content’s Structure Reviewed?
If you would like a second opinion on whether your site’s content is properly structured under the hood, get in touch for a straightforward conversation with no obligation and no sales pitch.