How to place text and image next to each other? [duplicate]

Answer 1

In Html

<div class="content">
       <img src="somesrc">
       <h3><strong>TITLE</strong></h3>
       <p>Description</p>
    </div>

in CSS

.content, img{
  display:inline-block;
}

Answer 2

Use css Flex. Add display: flex on .content.

.content {
  display: flex;
}

.content img {
  margin-right: 10px;
  display: block;
}

.content h3,
.content p {margin: 0;}

<div class="content">
  <img src="somesrc">
  <div class="text">
    <h3><strong>TITLE</strong></h3>
    <p>Description</p>
  </div>
</div>