'How do I add text to the side of an image in HTML [duplicate]

I'm trying to add text to the side of an image (more of an oval) in HTML, does anyone know how?

Picture to add text

htmlimage


Solution 1:[1]

If you put text inside a element it will be on the same line (inline).

<div> 
    <img src="img.png" />
    <span>your text here</span>
<div>

If you'd like to center your text to the left, a simple CSS flex box solution would be:

div {
  display: flex;
  align-items: center;
}

   span {
  padding: 15px;
}

Solution 2:[2]

<div>
   <Img src='' style='float:left' />
   <span>Some text</span>
</div>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Suhaib Janjua

Related Questions