JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<p>Sample paragraph where the first letter is bigger</p>
<br/>
<h1>Header 1 that his first line is bigger<br/> than the second</h1>
<br/>
<ul>
    <li>First child</li>
    <li>Second child</li>
</ul>

CSS

/* Another example is styling first letter, first line or first child of
an element  */

p:first-letter, h1:first-line, ul li:first-child{
    font-size: 3em;
}