Basic
Paragraphs are defined with the
<p></p>
tag. Paragraph tag is a very basic and typically the first tag you will need
to publish your text on the web pages.
A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis, libero iste quod quibusdam maxime recusandae odit eveniet, aspernatur culpa provident error molestiae vitae corporis in vero est! Beatae, ipsum voluptatibus.
Hey there 👋 we want to make Tailwind Elements a community-driven project. It's open source and free, and we would like it to stay that way. If you enjoy it, help the project grow by sharing it with your peers. Every share counts, thank you!
Lead
Make a paragraph stand out by adding .text-xl.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis, libero iste quod quibusdam maxime recusandae odit eveniet, aspernatur culpa provident error molestiae vitae corporis in vero est! Beatae, ipsum voluptatibus.
Quote
Use a quotation on your website adding .text-base.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Small
Use .text-normal class to make text small.
Inline text elements
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.