CSS控制图片与一段文字顶部对齐
在前面的建站教程中,我们介绍了CSS控制图片和文字在同一行对齐显示,下面我们来分享一下CSS控制图片与一段文字顶部对齐方法。
做网站时,往往是在一段文字中插入一张图片,我们如何让网站中的一段文字与图片顶部对齐呢?我们可以使用CSS3 float浮动属性属性。代码如下:
<img src="90.jpeg" width="100px" style="float:left;margin:10px" />
通过设置图片为左浮动,就可以让图片位于整个区域名的左边,文字处于图片的右边与图片的顶部对齐。还可以通过设置margin属性来设置图片与文字之间的距离。