JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div>100% + padding</div>
<div>100%</div>
<div>100% + padding + box-sizing</div>

CSS

body {
    margin: 10px ;
    padding: 20px ;
}

div {
    margin-bottom: 10px ;
    width: 100% ;
    height: 50px ;
    background-color: #ccc ;
}

div:first-child {
    padding: 30px ;
}

div:last-child {
    padding: 30px ;
    -moz-box-sizing: border-box ;
    box-sizing: border-box ;
}