html - 如何使用 HTML/CSS 将文本环绕在图像周围

标签 html css

我想设计如下图这样的一段文字:

enter image description here

质疑这是否可能?

最佳答案

您必须按如下方式 float 您的图像容器:

HTML

<div id="container">
    <div id="floated">...some other random text</div>
    ...
    some random text
    ...
</div>

CSS

#container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

fiddle

http://jsfiddle.net/kYDgL/

关于html - 如何使用 HTML/CSS 将文本环绕在图像周围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19179424/

相关文章:

html - 响应式网格中跨列的自动 div 高度

html - 背景图像选择器 css

javascript - 在 IE 中淡入/淡出文本

css - WebEssentials 较少支持不起作用

php - 如何使用 javascript 动态更改 HTML 值

java - 如果网页很大,JSOUP 不会下载完整的 html。任何替代方案或任何解决方法?

javascript - 用javascript判断当前用户是否是 super 用户

javascript - 如何使输入框在 Ionic 中居中

javascript - ionic 标签徽章卡在禁用颜色

android - 侧导航栏未显示在移动设备中?