JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">
  <h3>This is a heading in a div element</h3>
  <p>This is some text in a div element.</p>
  </div>

  <div class="div2">
  <h3>This is another div</h3>
  <p>This is some text in a this div element.</p>
  </div>

CSS

.div1{
   background:#ADD23F;
   width:300px;
   height:100px;
   margin:10px;
   padding:10px;
   }

.div2{
   background:#ddd;
   width:300px;
   height:100px;
   margin:10px;
   padding:10px;
   }