JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" id="container1">
        <p id="text1">Padding Added To The Child Element(s)</p>
    <p>More padding</p>
    <p>Last one</p>
    </div>
<br>
<div class="container">
        <p id="text2">No Padding</p>
    <p>Not even a little bit</p>
    <p>All up in this border's business</p>
    </div>

CSS

#container1 * {
    padding: 5px 10px;
}
.container {
    background-color:black;
    color:white;
    width: 250px;
    height: 250px;
}