一个纠结的CSS问题

[liyandong]

<style>
p{
margin:0 auto;
width:600px;
text-indent:2em;
}
p img{
padding:5px;
margin-left:-2em;
}
</style>
<p><img style="background:#ffff00;border:1px solid #ffff00;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /><img style="border:1px solid #000;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /><img style="background:#000;border:1px solid #000;" src="http://www.baidu.com/img/baidu_sylogo1.gif" /></a></p>


这段代码怎么能让P里面的img正常显示：首行不缩进？第二行的图片和第一行的垂直对齐？

我直接用margin-left:-2em;纠正不行。第二行还是不行的。纠结了。

这个都是因为万恶的WP的处理机制啊。

不想去掉p的text-indent:2em;属性啊。

[liyandong]

唉唉。我还是放弃给P加text-index了