JSFiddle - React, Tailwind, and code Playground

HTML

<div id="theDiv">
    
    <img src="http://dummyimage.com/200x300/f0f/fff" />
    
    <div id="content">
        <h3>how to display img with p, h3 in one line inside the div?</h3>
        <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p>
        <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p>
        <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p>
        <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p>
        <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p>
        <p>Hey, i need to display the image on the left side of the div, h3 and p on the rifgt side of the div next to img. Can anyone tell me the answer in css and html? Thanks</p>
    </div>
    
</div>

CSS

#content {
    margin-left: 210px
}
#theDiv img {
    float: left
}
h3 {
    font-weight: bold;
    font-size: 200%
}