JSFiddle - React, Tailwind, and code Playground

by Imabot

HTML

<div id="margin">
  Example of custom outer margins:
  <ul>
    <li>100 pixels for top margin</li>
    <li>200 pixels for left margin</li>
    <li>10 pixels at bottom</li>
    <li>30 pixels for left margin</li>  
  </ul>
</div>

CSS

body {background-color: LightGray}
div {  
  margin: 100px 300px 50px 40px;
  
  border: 1px solid black;
  background-color: LightBlue;
}