JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div id="expand-box">
   <div id="expand-box-header">
      <span style="display:inline-block">Top left header</span> 
      <span style="float: right;">Top right header</span>
   </div>
   Lorem ipsum dorem nori seota ostiy
</div>

CSS

#expand-box
{
    width: 100%;
    padding: 0;
    border: 2px solid #BBB;
    margin: 7px 0 0 0;
}

#expand-box-header
{
    background-color: #BBB;    margin: 0;
    color: #FFF;
    padding: 0 0 3px 2px;
}