更新

Question

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

这是我将图像放在网站上的方式

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

到目前为止看起来很不错WEBSITE

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

http://jsfiddle.net/yLH25/

但它对我不起作用。

Answer 1

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

45 http://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>

Answer 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会把它扔到下一行。

Answer 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到高或类似的东西，但它现在看起来“好”。谢谢！

图像旁边仅HTML文本（相同高度）

3 个答案:

更新