<p>Paragraph #1</p>
<p class="bold-text">Paragraph #2</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<h2>Line height example below...</h2>
<p class="red-text">Notice how the text below has more separation than the text above. This is because the text below has a custom line-height property set on it.</p>
<p class="bigger-line-height">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
html {
font-family: "Roboto", sans-serif;
font-size: 16px;
}
.bold-text {
font-weight: 900;
}
.bigger-line-height {
line-height: 40px;
}
.red-text {
color: red;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.