JSFiddle - React, Tailwind, and code Playground

by Imabot

HTML

<div>
  <h4>Example of customized inner margins :</h4>
  <ul>
    <li>100 pixels for top margin</li>
    <li>300 pixels for right margin</li>
    <li>50 pixels for bottom margin</li>
    <li>40 pixels for left margin</li>
  </ul>
  
</div>

CSS

body {background-color: LightGray}
div {
  padding-top: 100px;
  padding-right: 300px;
  padding-bottom: 50px;
  padding-left: 40px;
  
  
  display: inline-block;
  background-color: LightBlue;
  border: 1px solid black
}