JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">

    <div id="block1">
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>
        <div>test</div>  
    </div>

    <div id="block2">
        sample
    </div>

</div>

CSS

#test {
        background: yellow;
        display: inline-block;
    }

    #block1 {

        float: left;
        display: inline-block;
        background-color: grey;
    }

    #block2 {

        background-color: green;
        float: left;
    }