css 图片和文字对齐的办法

打开Dreamweaver工具，并新建html页面

切换到编写代码的界面

编写代码如下： <div><img src="images/1.jpg" width="20px" height="20px">我是文字</div>

预览页面如下图，我们可以看到图片和文字并没有对齐，那么我们在img标签中添加样式

代码如下：style=" vertical-align: bottom;"

预览html页面，可以看到已经下面对齐了