JSFiddle - React, Tailwind, and code Playground

by basarat

HTML

<div class="padded">
  <div class="rect"></div>
  <div class="rect"></div>
  <div class="rect"></div>
  <div class="rect"></div>
</div>

CSS

.padded * {
  margin-top: '5px';
  margin-bottom: '5px';
}
.padded:first-child {
  margin-top: '0px';
}
.padded:last-child {
    margin-bottom: '0px';
}

.rect{
  height: '50px';
  background-color: 'red'
  
  }
}