Menu
Text & Formatting
<p> Paragraph
A block of running text.
1The Workhorse Tag
Paragraphs wrap blocks of text. Browsers add a default top and bottom margin so consecutive <p> tags stack with vertical space.
Example Code
css
<p>This is a paragraph of text.</p>
<p>This is the next paragraph. It starts on a new line.</p>2Put the element in context
A paragraph groups a related passage of text. Separate ideas into separate paragraphs instead of using repeated line breaks to create large gaps. Text length and surrounding CSS affect reading comfort, but the element’s job remains to identify a coherent passage.
3Practice with a small page
Write two short paragraphs that answer different questions. Add spacing through CSS and compare it with repeated br elements. Narrow the container and check that the text wraps naturally without forcing a manual break on every line.
Finished reading?
Mark this topic as complete to track progress.