JSFiddle - React, Tailwind, and code Playground

by J7Luke

HTML

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati nostrum consequuntur assumenda dicta saepe, accusantium dolores iusto reprehenderit magni est minima quia at ratione nihil nam aliquid labore itaque fugiat! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo odio iusto tempora nesciunt nemo eligendi eius, rem possimus nisi velit dignissimos voluptatum. Ipsum odit temporibus aut praesentium iste ab quae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex nam ipsa veniam, voluptatibus quis ratione maxime iusto laboriosam ut! Facere itaque qui, quos asperiores placeat commodi consectetur illum alias blanditiis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo soluta vel expedita, assumenda consectetur nihil aliquam doloribus aut corporis unde, facilis fugit, quod quas ab. Quisquam ducimus beatae, adipisci aspernatur.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati nostrum consequuntur assumenda dicta saepe, accusantium dolores iusto reprehenderit magni est minima quia at ratione nihil nam aliquid labore itaque fugiat! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo odio iusto tempora nesciunt nemo eligendi eius, rem possimus nisi velit dignissimos voluptatum. Ipsum odit temporibus aut praesentium iste ab quae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex nam ipsa veniam, voluptatibus quis ratione maxime iusto laboriosam ut! Facere itaque qui, quos asperiores placeat commodi consectetur illum alias blanditiis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo soluta vel expedita, assumenda consectetur nihil aliquam doloribus aut corporis unde, facilis fugit, quod quas ab. Quisquam ducimus beatae, adipisci aspernatur.
</p>

CSS

p:first-child::first-letter {
    color: hsl(14, 100%, 57%);
    float: left;
    font-size: 3.5em;
    margin: 0 0.1em 0 0;
	
	border: 1px solid blue;
}