JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style>
  #box1 { width: 200px;
          margin-bottom: 50px; 
          border:2px solid black; }
  #box2 { width: 200px;
          border:1px solid black; }
  #box3 { width: 200px;
          margin-bottom: 100px; 
          border:2px solid black; }
  #box4 { width: 200px;
          border:1px solid black; }
</style>
</head>
<body>
<div id="box2">
    <div id="box1">Hello world! 1</div>
    </div><br /><br />
<div id="box4">
    <div id="box3">Hello world! 2</div>
</div>    

</body>
</html>