JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
<div>This is a div</div>
<span>This is a span</span>
<p>This is a p</p>
    <a href="" class="button">This is sort of a button but actually an a</a>

<button size="100">This is a button</button>
<input size="100"value="this is an input"/>
<textarea cols="100">This is a textarea</textarea>
</div>

SCSS

div.body{
    display: block;
    position: relative;
    width: 100%;
    
    a.button, button{
        -webkit-appearance: button;
        color: #333;
        text-decoration: none;
        padding: 5px;
        font-size: 10px;
        font-family: sans-serif;
        margin-bottom: 10px;
    }
    
    div,span,p,a,button,input,textarea{
        display: block;
        background: #eee;
    }
}