JSFiddle - React, Tailwind, and code Playground

by robx

HTML

<div id="box1">
    <span class="padding">padding in span</span>
    <span class="padding">padding in span</span>
</div>
<hr />
<div id="box2">
    <span class="margin">margin outside of span</span>
    <span class="margin">margin outside of span</span>
</div>

CSS

div{
 border:1px solid #000;   
}
.padding{
    padding:10px;
    border:1px solid red;
}
.margin{
    margin:10px;
    border:1px solid red;
}