JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
        <p id="text1">Padding Added To The Child Element(s)</p>
    </div>
<br>
<div class="container">
        <p id="text2">No Padding</p>
    </div>

CSS

#text1 {
    padding: 10px;
}
.container {
    background-color:black;
    color:white;
    width: 250px;
    height: 100px;
}