JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<div class='wrap p'>
  <div class="blue">First</div>
</div>

<div class='wrap pr'>
  <div class="blue">Second</div>
</div>

CSS

.wrap {
  background-color: yellow;
}

.blue {
  background-color: aqua;
}

.p {
  padding: 0 calc(1em + 4px) 0 0;
}
.pr {  
  padding-right: calc(1em + 4px);
}