html照片跟文字怎么并排

图一怎么跟图二一样的效果 需要添加什么元素 各位 需要什么元素定义文字

连个div，一个向左边靠，另一个浮动

<div>
  <div style="float: left;">
    <img src="example.jpg" alt="Example Image">
  </div>
  <div style="float: left;">
    <p>这里放入需要显示的文字内容。</p>
  </div>
  <div style="clear: both;"></div>
</div>