JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

<div id="parent">
    <div id="margin">Lorem ipsum.</div>
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in odio leo, vel egestas arcu. Pellentesque iaculis tincidunt tortor, vel rhoncus justo cursus nec.
    
</div>

CSS

#parent {
    position:absolute;
    right: 20%;
    width: 45%; /* 60% if you include the padding-left */
    padding-left: 15%;
    background-image: url('x.png');
    text-align: right;
    background-color: #ddd;
}
#margin{
    width: 15%;
    height: 100%;
    padding-right: 12px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #999;
    background-image: url('y.png');
}