JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<div style='width:400px;height:400px;padding:2em'>
<span id='button-mimic'>
    button text
</span>
    <p>Some text here in different combinations and all that.
    </p>
</div>

CSS

#button-mimic {background: #888; border: 3px outset;}  

    p:first-letter {  
        display: block;  
        float: left;  
        margin: 5px 5px 0 0;  
        color: red  
        font-size: 3em;  
        background: #ddd;  
        font-family: Helvetica;  
    }