html图片怎么在段落中对齐,html – 两个div中的段落对齐,它们之间有一个图像

在左侧创建图像元素,浮动到文本的右侧.将它错位到右边,图像宽度的一半带有“边距”.然后,在右侧div上,使用空白div创建相同的效果,但是反转.将div浮动到文本的左侧,并将其放错到左侧宽度的一半.像这样：

.right, .left

{

width: 200px;

height: 300px;

float:left;

}

#real-img

{

width: 100px;

height: 100px;

float: right;

margin-right: -50px; /* half the width */

margin-top: 125px; /* vertical align considering page height minus img half height */

}

#fake-img

{

width:100px;

height:100px;

float:left;

margin-left: -50px;

margin-top: 125px;

}

和HTML：

所有这一切,当然,考虑到您对所有尺寸进行硬编码.