scrimba
Tailwind
Text Styling
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

AboutCommentsNotes
Text Styling
Expand for more info
index.html
run
preview
console
<html>
<head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<!-- Title case heading 1 text in dark gray -->
<h1>Lorem ipsum dolor sit amet consectetur.</h1>

<!-- Paragraph styling with 1.5 line heights & letter spacing -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit orci ac nisl varius varius. Nullam auctor finibus pulvinar. Morbi porttitor placerat enim nec consequat.
</p>

<!-- Treated like a quote with a background and plenty of padding. Italic title -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit orci ac nisl varius varius. Nullam auctor finibus pulvinar. Morbi porttitor placerat enim nec consequat.
</p>
<p>- Victor Gonzalez, <span>instructor</span></p>

<!-- Call to action button, blue with good padding and uppercase -->
<button>Enroll Now</button>
</body>
</html>
Console
/index.html
-6:10