JSFiddle - React, Tailwind, and code Playground

by Ben Gillbanks

HTML

<div style="height: 200px;">
<div>
<div>

    <p>
    text
    </p>
    
    <p>
    text
    </p>
</div>
</div>
</div>

CSS

div {
    
    border: 2px solid red;
    padding: 10px;
    
    display: flex;
    flex-direction: column;
    height: 100%;
    
}

p {
    
    background: #f5f5f5;
    padding: 2px;

}