JSFiddle - React, Tailwind, and code Playground

HTML

<div id="abc">
    <span>
        inline1
    </span>
    <span>
        inline2
    </span>
    <div id="#box">
        text1
        <ul>
            <li>list1</li>
            <li>list2</li>
        </ul>
    </div>
    <span>
        inline3
    </span>
</div>

CSS

#abc, #abc * {
    border: solid black 1px;
    margin: 4px;
}

#abc > * {
    display: inline-block;
}