图像根据其下的文本移动

Question

为什么我的图片会根据它下面的图片移动？我对每个描述都有不同的文本量，但图像是根据行数来移动的？

 <div>
      <img src="img">
      <p>one line</p>
 </div>
 <div>
      <img src="img">
      <p>two lines of text</p>
 </div>




 <style>
     div {
          display:inline-block;
          width:150px;
          text-align:center;
     }
     img {
        display:block;
        margin:0 auto;
     }
     p {
        padding-top:10px;
      }
  </style>

Answer 1

而不是使用内联我需要一个浮动：左。