JSFiddle - React, Tailwind, and code Playground

by YangHax

HTML

<div class="ctn">
    <div class="cb">[]</div>
    <div class="txt">some long text here to wrap</div>
</div>

<br/><br/>
    
<div class="ctn">
    <div class="cb">[]</div>
    <div class="txt second">some long text here to wrap</div>
</div>

CSS

.ctn {
    width: 100px;
    background-color: yellow;
}

.cb, .txt {
    display: inline-block;
}

.cb {
    background-color: green;
    width: 20px;
}

.txt {
    background-color: blue;
}

.txt.second {
    max-width: 74px;
}

JavaScript

// inline blocks vs width