HTML/CSS 如何格式化文本并在其旁边 float 图像

标签 html css image formatting css-float

我的 HTML 和 CSS 技能很生疏,我以前做过这个,但忘记了如何做。

我在页面的左侧有文本,我想在它旁边的这个 div 的右侧有一个图像, float 在那里而不影响文本格式。

Text Description.....
Description..........
Description..........                             Image Goes About Here
Description..........
Description..........

有谁知道如何立即做到这一点?谢谢。

最佳答案

简单的解决方案是使用 display: inline-block 在图像旁边显示信息,而无需添加内联 css。

img, p {
   display: inline-block;

}


<img src="image.png" />
 <p>
 text left
 </p>

关于HTML/CSS 如何格式化文本并在其旁边 float 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16614544/

相关文章:

javascript - Android:无法捕获 JavaScript 中的后退按钮点击

html - 增加固定高度 HTML 表格数据单元格的宽度?

html css链接到另一个链接

css - 从 rails 3.2 升级到 4.1,没有加载 scss 或 css

php - 当我从硬编码的下拉列表中选择值时,它不会选择值并且不会将其发送到数据库中

html - 如何与其他不可调整大小的框一起使用可调整大小的文本区域?

导航菜单的 CSS 居中问题

android 图片保存到 res/drawable 文件夹

ios - 快速模糊 UITableViewCell contentView 背景

android - 将图像裁剪成圆形