【问题标题】：HTML only text next to an image (same hight)图像旁边的纯 HTML 文本（相同高度）
【发布时间】：2014-08-03 09:45:06
【问题描述】：

我是 wordpress 和简码的新手。我试图在图像旁边设置一个文本（数字）。

这是我把图片放到网站上的方式

<div align="right"><p><img src="/metin2%20content/icons/Schriftrolle_des_Drachen.png"></p></div>

到目前为止看起来不错WEBSITE

我现在的问题是在左侧站点进度条旁边的小图像旁边设置一个数字，例如 45。我已经尝试过 inline 并且已经找到了基本上看起来像解决方案的东西：

http://jsfiddle.net/yLH25/

但这对我不起作用。

【问题讨论】：

标签： jquery html css wordpress

【解决方案1】：

为什么不把数字放在img前面？

45http://xciid.net/metin2%20content/icons/Schriftrolle_des_Drachen.png

<div align="right"><p>45<img src="http://xciid.net/metin2%20content/icons/Schriftrolle_des_Drachen.png"></p></div>

【讨论】：

没有这么简单：/ 我已经尝试过<div align="right"><p> <font size="5">45 </font><img src="/metin2%20content/icons/Schriftrolle_des_Drachen.png"></p></div> 问题是，字体与图标不在同一个“高度”上，所以看起来有点奇怪。

【解决方案2】：

应该这样做：

更新：

这是当前的结构：

<div class="row>
    <div class="md-column col-md-3">
    <div class="md-column col-md-9">
</div>

从第二个子 div 中取出数字，然后创建另一个，如下所示：

<div class="row>
    <div class="md-column col-md-3">
    <div class="md-column col-md-1">
    <div class="md-column col-md-7">
</div>

如果您保留图片上的 align="right"，它应该紧贴右侧，紧挨着数字。玩 col-md-7，我怀疑你的 css 会把它扔到下一行。

【讨论】：

link - 看起来不像。 `align="right" 需要将图标放在进度条旁边。

【解决方案3】：

嗯，谢谢你的建议！

这几乎解决了它：<div align="right" style="float: right;"><p style="font-size:1.9em; margin-top:18px;">45 <img src="http://www.metin2wiki.eu/images/4/47/Schriftrolle_des_Drachen.png"></p></div>

字体仍然像 2px 到高或类似的东西，但现在看起来“还可以”。谢谢！

【讨论】：