Tailwind paragraphs

Responsive paragraphs built with Tailwind. Use different typography classes to change the size and weight of the text.


Basic example

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

1
2
3
4
5
6
7
<p class="text-base font-light leading-relaxed mt-0 mb-4 text-gray-800">
  I will be the leader of a company that ends up being worth billions
  of dollars, because I got the answers. I understand culture. I am
  the nucleus. I think that’s a responsibility that I have, to push
  possibilities, to show people, this is the level that things could
  be at.
</p>

Lead

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

1
2
3
4
5
6
7
<p class="text-lg font-light leading-relaxed mt-6 mb-4 text-gray-800">
  I will be the leader of a company that ends up being worth billions
  of dollars, because I got the answers. I understand culture. I am
  the nucleus. I think that’s a responsibility that I have, to push
  possibilities, to show people, this is the level that things could
  be at.
</p>

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

- Someone famous in Source Title
1
2
3
4
5
6
7
<p class="text-base font-light leading-relaxed mt-0 mb-0 text-gray-800">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
  posuere erat a ante.
</p>
<footer class="block text-gray-600">
  - Someone famous in <cite>Source Title</cite>
</footer>

Small

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.
1
2
3
4
5
6
7
<small class="font-normal leading-normal mt-0 mb-4 text-gray-800">
  I will be the leader of a company that ends up being worth billions
  of dollars, because I got the answers. I understand culture. I am
  the nucleus. I think that’s a responsibility that I have, to push
  possibilities, to show people, this is the level that things could
  be at.
</small>