JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first">
    first div with 10px padding
    <div id="second">
        no padding
    </div>
</div>

CSS

#first{
    padding:10px;
    border:1px solid #000;
}
#second{
    background-color:red;
    color:#fff;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}