JSFiddle - React, Tailwind, and code Playground

by Matthew Day

HTML

<div class="container"> Donec eleifend purus lectus, id lacinia erat eleifend non. Morbi et mi ex. In tincidunt mauris non augue ullamcorper, in tincidunt sapien suscipit.</div>

<div class="container">Phasellus consequat nibh ac quam ornare, vitae tristique elit faucibus. Morbi tellus mi, interdum et ipsum non, semper feugiat quam.</div>

CSS

* {
  margin: 0;
  padding: 0;
}

.container {
  border: 1px solid thistle;
  /* display: inline-block; */
  margin-top: 4px;
  margin-bottom: 4px;
}

JavaScript

// Testing how top and bottom margins do not overlap