如何在 HTML 中将文本添加到图像的一侧 [重复]

【问题标题】：How do I add text to the side of an image in HTML [duplicate]如何在 HTML 中将文本添加到图像的一侧 [重复]
【发布时间】：2022-02-21 23:12:09
【问题描述】：

我正在尝试在 HTML 中将文本添加到图像的一侧（更像是一个椭圆形），有人知道怎么做吗？

【问题讨论】：

标签： html image

【解决方案1】：

如果您将文本放在元素内，它将位于同一行（内联）。

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

如果您想将文本居中放在左侧，一个简单的 CSS 弹性框解决方案是：

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

   span {
  padding: 15px;
}

【讨论】：

【解决方案2】：

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

【讨论】：