HTML <p>
query_builder | Christopher PisaniThe HTML element <p> represents a paragraph in an HTML document. A document can contain multiple <p> elements to seperate text and make it visually more appealing for a user to read, instead of one whole block of text.
Example with a title and multiple paragraphs using a Lorem Ipsum example text
<h1>Lorem Ipsum</h1>
<p>
Leo hac convallis mus luctus congue penatibus. Ultricies pulvinar dis ultrices iaculis. Amet, sagittis dictumst porttitor praesent commodo nisl. Luctus hendrerit porttitor gravida consectetur ut sociosqu. Proin, class adipiscing phasellus. Ipsum ridiculus ut nulla nostra vitae eget ad. Arcu, volutpat felis curabitur dolor mi imperdiet metus magna himenaeos. Commodo euismod, fermentum quisque mauris inceptos tempor justo lobortis eget? Purus senectus commodo mauris. Hendrerit ultrices litora porttitor curae; laoreet. Feugiat himenaeos proin feugiat tellus malesuada egestas hac justo? Molestie suscipit, potenti aenean ad cum vehicula interdum cubilia? Suspendisse dignissim sem dis porta leo varius fames ornare ac dis. Velit facilisi nisi adipiscing semper suscipit consequat porta egestas aptent amet? Eu inceptos aliquam eleifend pharetra molestie volutpat venenatis! Et laoreet tortor luctus nisl elementum luctus adipiscing interdum donec feugiat? Nisl fermentum.
</p>
<p>
Magna augue aenean sed. Vulputate fermentum phasellus nec placerat volutpat pulvinar commodo lorem per ad vel. Blandit tellus, sollicitudin per. Faucibus leo nullam vestibulum euismod pretium sapien elementum congue condimentum diam! Penatibus, vehicula consequat vivamus. Class taciti congue fames natoque quisque velit dictumst facilisi pretium fermentum. Blandit metus vivamus nostra. Eleifend id nisl posuere neque per hac hendrerit ad. Montes vivamus erat magnis! Ut rutrum, odio donec. Vestibulum nulla phasellus porta nulla. Curabitur euismod velit vitae arcu nascetur litora diam tellus.
</p>
<p>
Risus sapien suscipit aptent ornare nibh posuere dui elementum vestibulum auctor pharetra. Sollicitudin mus porttitor magna molestie ridiculus tempus sem vehicula. Quisque tristique in non. Natoque commodo etiam libero nostra aenean mattis. Torquent semper dictumst vitae facilisi ante consequat odio. Condimentum ad mollis volutpat nisi consequat. Magna amet hendrerit varius donec aenean et netus tincidunt sociosqu. Orci vulputate auctor pulvinar magna at est malesuada. Egestas mollis rutrum lacinia aliquet lacinia maecenas orci aliquam odio justo! Aenean, placerat quam lacus dictumst lorem sapien dictumst quam odio mauris habitasse. Mollis volutpat in nibh. Himenaeos vivamus venenatis torquent porttitor pretium? Nulla etiam libero lacinia fermentum risus eget mi dis egestas dignissim class taciti. Porttitor tempus commodo commodo class cras molestie.
</p>
<p>
Ut sociosqu facilisis sagittis. Fringilla suspendisse facilisi curabitur leo suscipit netus condimentum lacinia dictum per! Est commodo donec suspendisse vel dictum fermentum potenti netus leo sit. Faucibus porta adipiscing nulla ullamcorper suspendisse mus libero integer dignissim proin sollicitudin mattis! Inceptos phasellus praesent conubia aenean habitasse dis amet scelerisque purus. Eget dapibus auctor curae;. Tincidunt neque turpis egestas sed.
</p>
Important Note :
Although the element <p> has pre-defined styles, it can be altered through CSS with a custom style of your liking.
Example with indented text using CSS
<style>
p {
text-indent: 30px;
}
</style>
<h1>Lorem Ipsum</h1>
<p>
Magna augue aenean sed. Vulputate fermentum phasellus nec placerat volutpat pulvinar commodo lorem per ad vel. Blandit tellus, sollicitudin per. Faucibus leo nullam vestibulum euismod pretium sapien elementum congue condimentum diam! Penatibus, vehicula consequat vivamus. Class taciti congue fames natoque quisque velit dictumst facilisi pretium fermentum. Blandit metus vivamus nostra. Eleifend id nisl posuere neque per hac hendrerit ad. Montes vivamus erat magnis! Ut rutrum, odio donec. Vestibulum nulla phasellus porta nulla. Curabitur euismod velit vitae arcu nascetur litora diam tellus.
</p>
<p>
Risus sapien suscipit aptent ornare nibh posuere dui elementum vestibulum auctor pharetra. Sollicitudin mus porttitor magna molestie ridiculus tempus sem vehicula. Quisque tristique in non. Natoque commodo etiam libero nostra aenean mattis. Torquent semper dictumst vitae facilisi ante consequat odio. Condimentum ad mollis volutpat nisi consequat. Magna amet hendrerit varius donec aenean et netus tincidunt sociosqu. Orci vulputate auctor pulvinar magna at est malesuada. Egestas mollis rutrum lacinia aliquet lacinia maecenas orci aliquam odio justo! Aenean, placerat quam lacus dictumst lorem sapien dictumst quam odio mauris habitasse. Mollis volutpat in nibh. Himenaeos vivamus venenatis torquent porttitor pretium? Nulla etiam libero lacinia fermentum risus eget mi dis egestas dignissim class taciti. Porttitor tempus commodo commodo class cras molestie.
</p>
Available Attributes
No specific attributes are assigned for this element, other than the standard global attributes.