css中让文字和图片对齐的问题

html-css019

css中让文字和图片对齐的问题,第1张

img是内联元素,p标签是块级元素,所以p标签内的文字换行很正常。strong标签是内联元素,所以会跟img处于同一行,想要img跟strong中的文字垂直居中对齐,需要设置img的vertical-align为middle。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:img {float: left}。

3、浏览器运行index.html页面,此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。

一般情况下,你可以将img浮动,然后设置对齐方式。如果是水平对齐,你可以设置vertical-align:

;如果是垂直对齐,你可以浮动后,试用text-align属性