JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<body style="display: inline-block"> 
    <div class="text">
      <h2>Members</h2> 
      <ul>
        <li>person_1</li>
        <li>person_2</li>
        <li>person_3</li>	
      </ul>
    </div>
    <div class="text">
      <h2>1st shift</h2>
      <ul>
        <li>person_1</li>
        <li>person_2</li>
        <li>person_3</li>
        <li>person_4</li>	
      </ul>
    </div> 
    <br style="clear:both">
   
    </body>

CSS

.text{
  float: left;
  padding: 10px;
  
}

.text ul{
  margin: 0;  
  padding-left: 20px;
}