添加文本和图像HTML

Question

嗨，我有一个像下面这样的div

<div id="iconArrow"><img src="footer.jpg" width="35" height="27" style="position:fixed;"></div>

我需要在图片的右侧添加“更多”文字。请帮我查看示例图片以获得最终输出。

添加代码后

Answer 1

它可能与HTML5有关。

<强> HTML5

<figure>
  <img src="footer.jpg" width="35" height="27">
  <figcaption>More</figcaption>
</figure>

<强> CSS

figure {
    position: fixed;
}
figure > * {
    float :left;
}

这是 jsFiddle

Answer 2

如果您希望修复图像并想要在其旁边添加文本，我建议您将图像标记包装在另一个具有固定位置的div中并执行此操作：

<div id="wrapper" style="position: fixed;width: 35px;height: 27px;">
    <img src="footer.jpg" width="35" height="27" /><div style="position: absolute;right: 0">your note</div>
</div>