Css 图像根据其下的文本移动

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

 <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>

一行

两行文字

div{
显示：内联块；
宽度：150px；
文本对齐：居中；
}
img{
显示：块；
保证金：0自动；
}
p{
填充顶部：10px；
}

我需要一个float:left，而不是使用一个直列