vertical-align对齐问题

  <div style="background-color:#E5EDFF;">

      <div style="display:inline-block; vertical-align: top;">

        <img src="https://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" style="">

           </div> 

          <div style="display:inline-block;">

             <div> namesdfjslkjflksjdkflkjsf</div>

             <div> namesdfjslkjflksjdkflkjsf</div>

             <div> namesdfjslkjflksjdkflkjsf</div>

         </div>

      </div>

老师为什么我设置左边的div为 vertical-align: top  右边的div也会顶部对齐，感觉有点不理解