JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent_div">
        <div id="div1">div1</div>
        <div id="div2">div2</div>
</div>

CSS

#parent_div {
    border: 1px solid black;
    position: relative;
    height: 25px;
    width: 150px;
        white-space: nowrap;
    display: inline-block;
}
#div1, #div2 {
  border: 1px solid blue;
        position: relative;
        width: 95px;
        height: 25px;
    display: inline-block;
}