JSFiddle - React, Tailwind, and code Playground

HTML

<div id="center">
    
    <div id="wrapper">        
        <div id="left">prawy bardziej z lewej</div>
        <div id="right">prawy<div>
    </div>
    
    
</div>

CSS

#center {
    border: 1px dashed #CAD;
    width: 420px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    
}

#wrapper {
    width: 204px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

#left {
    float: left;
    border: 1px dashed #011;
    width: 100px;
    height: 70px;
    
}

#right {
    float: left;
    border: 1px solid #DAC;
    width: 100px;
    height: 70px;
}