JSFiddle - React, Tailwind, and code Playground

by UnsungHero97

HTML

<div id="borderbox"> with 'border-box'</div>
<br />
<div id="noborderbox"> without 'border-box'</div>

CSS

#borderbox {
    border: 1px solid lime;
    margin: 0 auto;
    width: 100%;
    height: 32px;
    padding: 0px 16px;
 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#noborderbox {
    border: 1px solid lime;
    margin: 0 auto;
    width: 100%;
    height: 32px;
    padding: 0px 16px;
}