HTML怎么用左浮动使图片文字横排整齐
时间: 2023-06-11 16:06:04 浏览: 722
精美浮动代码及图片
可以使用CSS中的float属性来实现左浮动,让图片和文字横排整齐。具体操作步骤如下:
1. 在HTML中,将图片和文字用<div>或<p>等元素包裹起来,设置相应的class或id属性,便于CSS样式控制。
2. 在CSS中,为图片和文字分别设置浮动属性float:left,使它们水平排列,代码如下:
```
.img {
float: left;
}
.text {
float: left;
}
```
3. 可以通过设置margin、padding等属性来调整图片和文字之间的间距,代码如下:
```
.img {
float: left;
margin-right: 10px;
}
.text {
float: left;
margin-left: 10px;
}
```
这样,就可以使图片和文字横排整齐了。
阅读全文