Html 位置图像+；一起发短信？

如何将文本放置在图像的中心，这是它现在的外观：

这就是我想要的：

这是我当前的代码：

<p><img src="http://findicons.com/files/icons/941/web_design/32/page_text.png" /> Some random text</p>

一些随机文本

---

如果有人能帮我解决这个问题，我将不胜感激。

尝试在div中插入图像，并将文本如下所示：

<div class="img">
   <p>your text</p>
</div>

之后，您可以在需要的地方设置文本模式

如果不想将图像用作背景，而只想将文本放在元素的中心，请尝试以下方法：

<div class="container">
    <img src="http://findicons.com/files/icons/941/web_design/32/page_text.png" />
    <span>your text</span>
    <br style="clear:both;" />
</div>

---

尝试在div中插入图像，并将文本如下所示：

<div class="img">
   <p>your text</p>
</div>

之后，您可以在需要的地方设置文本模式

如果不想将图像用作背景，而只想将文本放在元素的中心，请尝试以下方法：

<div class="container">
    <img src="http://findicons.com/files/icons/941/web_design/32/page_text.png" />
    <span>your text</span>
    <br style="clear:both;" />
</div>

演示：

正文



*{font-family:arial}
.thingy img{float:left；}
.thingy{高度：32px；浮点：左；}
.thingy p{float:左；边距：0 10px；填充：0；行高：32px；}

如果您的框架有一个clearfix，那么您不需要clear：两者都需要，只需在外部分区上放置一个clearfix即可。

演示：

正文



*{font-family:arial}
.thingy img{float:left；}
.thingy{高度：32px；浮点：左；}
.thingy p{float:左；边距：0 10px；填充：0；行高：32px；}

---

如果您的框架有一个clearfix，那么您不需要clear：两者都需要，只需在外部分区上放置一个clearfix即可。

Hmm，这可以工作，但图像的一部分已经消失（在底部），我需要在css中为我要使用的每个图像创建一个新代码，即20+。很高兴帮助您@user2989236Hmm，这是可行的，但是图像的一部分消失了（在底部），我需要在css中为我要使用的每个图像创建一个新代码，即20+。很高兴帮助你@user2989236你在堆叠这些图像吗？他们去哪里。如果你使用这个，它需要在主包装上清除才能堆叠，或者你在包装上贴一个包装。你在堆叠这些吗？他们去哪里。如果您使用此选项，则需要在主包装上清除它以进行堆叠，或者在包装周围粘贴一个包装。

 <div class="thingy">
     <img src="http://findicons.com/files/icons/941/web_design/32/page_text.png" alt="" />        
       <p>Text</p>
     <br style="clear:both;">
  </div>


   * {font-family:arial}
   .thingy img {float:left;}
   .thingy {height:32px;float:left;}
   .thingy p {float:left;margin:0 0 0 10px;padding:0;line-height:32px;}