html - 扩展 float : left property beyond image size

标签 html css

如何将 css 中的 float:left 属性扩展到图像大小之外?在 html 中我有

<img src = "http://www.inspiredtaste.net/wp-content/uploads/2016/12/Easy-Banana-Bread-Recipe-2-1200.jpg" width = 50px> some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text 

在我的CSS中

img{float:left;}

如何将 float:left 属性扩展到图像之外?也就是说,即使在图像结束后,您如何保持 jfiddle 中的“某些文本”全部对齐?

https://jsfiddle.net/jhee2rrj/

最佳答案

只需为文本添加边距即可。

<p style="margin-left: 50px"> some text some text...</p> 

关于html - 扩展 float : left property beyond image size,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47373913/

相关文章:

javascript - 可以禁用 CMS 的冲突 native JavaScript onSubmit 脚本吗?

html - 允许图像比包含 div 更宽

html - 如何定义字段集边框颜色?

html - 使 div 响应

javascript - 如何将 'alert' 用作 'popup'

jquery - 如何在JQuery中选择CSS3的子属性

jquery - 如何使用 jquery mobile 从移动设备中选择图像并将其设置为背景图像?

css - HTML5 Canvas 作为 CSS 背景图片?

javascript - 代笔 - 需要更大的 Canvas

使用选择器和选项进行 Javascript 排序