JSFiddle - React, Tailwind, and code Playground

HTML

<div class="son">
    <p></p>
</div>
<div class="daughter">
    <p></p>
</div>

CSS

body {
            padding: 10px;
        }

        .son, .daughter {
            width: 66%;
            border: 1px solid black;
        }

        .son {
            margin-right: 34%;
            margin-bottom: 10px;
            background-color: yellow;
            border: 1px solid black;
        }

        .daughter {
            margin-left: 34%;
            width: 66%;
            background-color: purple;
        }