如何将两个图像对齐在一起？

Question

现在，我的两张照片都在左边。它们是并排的，但由于某种原因，它们并不是中心的。这是我现在的CSS代码：

img.photo{
        float: left;
        display: inline-block;
        text-align: center;
        margin: auto;
        padding: 5px;
}

还有什么能让他们居中？

Answer 1

删除float和text-align。在两个图像周围添加一个div，其中包含text-align。

img.photo {
  display: inline-block;
  margin: auto;
  padding: 5px;
}
div {
  text-align: center;
}

<div class="centre">
  <img class="photo" src="http://screenshots.en.sftcdn.net/en/scrn/76000/76818/microsoft-small-basic-22.jpg" />

  <img class="photo" src="http://screenshots.en.sftcdn.net/en/scrn/76000/76818/microsoft-small-basic-22.jpg" />
</div>