同一个div内span加了margin-top，往下移动，为什么左边的img也跟着往下移动了？

Question

<div class="header" >        <div class="header_1">            <a class='header_1_1' href='index.html' >                                                                <img src = '../img/logo.jpg' >                 <span>盛世翌豪</span>             </a>              </div>        <div class="header_2">        </div> </div>.header_1{    margin-left:50px;    height:100px;    float:left;}.header_2{        height: 100px;    float:right;}.header_1_1{    display:inline-block;    height:100px;}.header_1_1 img{    height:80px;}.header_1_1 span{    display:inline-block;    margin-top:80px;    font-size:30px;    }

Answer 1

CSS vertical-align 属性