Question

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

我在模仿w3school的时候遇到这样一个问题：因为图片不是一个行内元素吗？我在其后跟着写的文字不是会应该跟图片处于同一行吗？为什么会遇到右边这种情况。

html和css代码如下图

我尝试过其他方法，把图片和文字都另添加一个div，然后把图片的那个div高度改变调低会让文字上去一点，不知道是什么原因但这种可以完成效果。还有另外一种把img元素放在p元素内使用vertical-align属性但是没有丝毫变化。



