JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div id="content1">
        <div id="div1">contenido1</div>
        <div id="div2">contenido2</div>
    </div>
    <div id="content2">contenido3</div>
</div>

CSS

#content1 {
    background-color:green;
    width: 800px;
    border: 0px;
    padding: 0px;
    margin: 0px auto;
    overflow:auto;
}
#content2 {
    background-color:purple;
    width: 800px;
    border: 0px;
    padding: 0px;
    margin: 0px auto;
}
#div1 {
    background-color:brown;
    width: 600px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    float:left;
}
#div2 {
    background-color:blue;
    width: 200px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    float:left;
}