给父级添加text-aling时，p和a能进行居中，img无法居中是什么原因

代码如下：
<div class="banner">
       
        <img src="images/gulp2.png"/ class="logo">
        <p>用自动化构建工具增强你的工作流程！</p>
        <a href="#" class="btn">开始使用</a>
       
</div>

style如下：
.banner{width:100%; height: 380px; background: #cf4646; text-align: center;}


img有靠右的趋势 但是无法和p、a一样进行居中