JSFiddle - React, Tailwind, and code Playground

HTML

Inline-block:<br>
<div class="inline-block1">
    1.
</div>
<div class="inline-block2">
    qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
</div>
<br><br><br><br>Inline:<br>
<div class="inline1">
    1.
</div>
<div class="inline2">
    hdhdhsdh dhs hda  sd lkjsd lja 
</div>

CSS

.inline-block1 {
    display: inline-block;
}

.inline-block2 {
    display: inline-block;
    max-width: 70px;
    border-width: 1px;
    border-style: solid;
    word-wrap: break-word;
    height: auto;
}

.inline1 {
    display: inline;
}

.inline2 {
    display: inline;
    max-width: 70px;
    border-width: 1px;
    border-style: solid;
}