JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<div class="d-inline-block bg-inverse p-5 pb-0 m-5 mb-0"></div>

<br>

<div class="d-inline-block bg-inverse my-p-5 my-pb-0 my-m-5 my-mb-0"></div>

CSS

.my-p-5{
  padding: 3rem 3rem !important;
}

.my-pb-0{
  padding-bottom: 0 !important;
}

.my-m-5{
  margin: 3rem 3rem !important;
}

.my-mb-0{
  margin-bottom: 0 !important;
}