text-indent 图片不缩进

%77w%77%2Ef%6F%72p%73%70%2Ec%6E
 在写网页html div css代码时，在内容里面p段落使用了首行缩进text-indent，导致图片也显示为首行缩进2个字符。

代码如下：
<div class='x-foraspcn'>
<p>这里时 首行缩进文字内容</p>
<p><img src="text-indent.jpeg" alt="这个时图片"></p>
</div>
css 样式如下
x-foraspcn {
    text-indent: 2em;
    text-align: left;
    font-size: .32rem;
    position: relative;
}
结果发现 图片也进行了首行缩进，有了text-indent的属性。
查找进行如下修改，即可修复 图片不要缩进。
x-foraspcn img{
    max-width: 90%;
    margin: 0 auto;
    display: block!important; /*这一行至关重要，时将图片等级提高为块级元素，不再时文本内容*/
}
这样就解决了 图片自动首行缩进的问题