JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div id="child1" />Child1
    <div id="child2" />Child2</div>

CSS

#parent, #child1, #child2 {
    border: 1px solid blue;
    padding: 5px;
    margin: 5px;
}
#parent {
    overflow: auto;
    max-width: 600px;
}
#child1, #child2 {
    display: inline-block;
    max-width: 300px;
}