JSFiddle - React, Tailwind, and code Playground

HTML

Content above div
<div id="outer">Text inside div<div id="image">IMG</div></div>
Content below div

CSS

#outer {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    display: block;
    height: 50px;
    width: fit-content;
}

#image {
    float: right;
    width: 50px;
}