<!-- First example -->
<div class="example-1">
<p class="text-header">Stay Foolish</p>
</div>
<!-- Second Example -->
<div class="example-2">
<p class="list">Fizzbuzz</p>
<p class="list">Foobar</p>
<p class="list">Foo</p>
<p class="list">Bar</p>
<p class="list">Fizz</p>
</div>
.container{
display: flex;
align-items:center;
justify-content:center;
}
.text-header{
color: black;
}
.text-header::before{
content: 'Stay Hungry ';
font-size: 2rem;
color: red;
}
.list::before{
font-family: 'FontAwesome';
content: '\f105 ';
}
External CSS
External JavaScript
This Pen doesn't use any external JavaScript resources.