html - 阻止文本环绕图像

标签 html css

为了正确完成此样式,我正在毁掉自己的想法。我有一个固定大小的图像,其右侧有一个不可预测的文本高度 div。我希望文本的顶部与图像的顶部对齐,但不要环绕它。我的标记是:

<img height='231px' width='132px' style='float:left' />
<div>Text</div>

我想找到一个不涉及使用表格的解决方案,但此刻我筋疲力尽,无法考虑如何使用 css/divs 来实现

最佳答案

这应该可以解决问题。

<div style="margin-left: 132px">Text</div>

要在文本和图像之间留出空间,请增大边距或添加 padding-left

关于html - 阻止文本环绕图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6456678/

相关文章:

javascript - Selenium Python NoSuchElementException : Message: no such element: Unable to locate element:

javascript - HTML CSS JS 缩小架构

html - 如何使背景图像的宽度居中?

javascript - 使用 JavaScript 每 60 秒自动刷新页面

javascript - 如何从 asp.net mvc 项目中的脚本正确引用图像文件?

javascript - 文档就绪功能 - 添加提交按钮

c# - CSS 模板不适用于 Login.aspx 页面

html - 无法使具有固定高度和宽度响应的背景图像的 div

html - 文本省略号不适用于列 flexbox self

css - 简单的CSS问题,100%宽度