html - 如何将图像图标放入句子中,使其像字符一样流畅?

标签 html css

我有一句话“单击“了解更多”按钮以获取其他信息”,并且我试图在“了解更多”之前放置一个 (i) 信息图标,但我似乎无法正确理解。它出现在“了解更多”字样的顶部。

有人可以帮忙吗?

编辑:抱歉,这是我的代码:

在整个练习中单击“了解更多”按钮,获取特定于每项服务的其他信息。

在“了解更多”之前有我的图片:

<img id="learn" src="http://public.citizenbudget.com.s3.amazonaws.com/uploads/custom/london/Screen%20Shot%202015-12-01%20at%202.41.23%20PM.png" width="20"> 

然后在 CSS 中我使用:

#learn {
 position: absolute;
} 

最佳答案

尝试在 img 元素上使用 display: inline ,例如:

<p>
Some text with an image here <img style='display:inline;' src='blah.jpg'/>
</p>

关于html - 如何将图像图标放入句子中,使其像字符一样流畅?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34029041/

相关文章:

html - CSS 链接在 jsp 中不起作用

html - Bootstrap Jumbotron 背景图像无响应

html - 测试被 svg 边界切断

HTML:两行文本居中垂直对齐

css - 100% 高度图像的可靠性 + 用 CSS 保持比例

javascript - 涟漪动画

html - 2 个边框之间的空白

javascript - Html 和 Internet Explorer : How to avoid hidden elements to be copied/pasted

javascript - 来自后端的 javascript 值中的星级

jQuery AJAX html(newhtml) 输出奇怪的 HTML