JSFiddle - React, Tailwind, and code Playground

by Lijo

HTML

<div id="contentHolderDiv" >
            Updates:

            </br>
            -----------------
            </br> 
      
      Transactions
      <div class='htmlRender'>&nbsp;</div>
      Received
      <div class='htmlRender'>&nbsp;</div>
            

            </br>
      
            <div class='htmlRenderSecond'> &nbsp; A </div>
            </br>
      
      Adjustments
      <div class='htmlRender'>&nbsp;</div>
            :

      
            </br>
            ---------------------------
            </br>
      
            </br>
            </br>
      
      My <div class='htmlRender'>&nbsp;</div>
      holds<div class='htmlRender'>&nbsp;</div>
            </br>
            </br> 
      Holds<div class='htmlRender'>&nbsp;</div>
            past<div class='htmlRender'>&nbsp;</div>
            1<div class='htmlRender'>&nbsp;</div>
            month<div class='htmlRender'>&nbsp;</div>
            –<div class='htmlRender'>&nbsp;</div>
            5
        </div>

CSS

.htmlRender
{
    display:inline;
    float:left;
    overflow:auto;
    border:1px solid #fcda55;
 
}

.htmlRenderSecond
{
    display:inline;
    float:left;
    overflow:auto;
    border:1px solid Green;
 
}

#contentHolderDiv
{
    border:1px solid red;
}