在HTML/CSS中防止一个图像与另一个图像错位

<img src="image1.jpg" style="float: left;">
<img src="image2.jpg" style="float: left;">

<img src="image1.jpg" style="position: absolute; top: 0; left: 0;">
<img src="image2.jpg" style="position: absolute; top: 0; left: 100px;">

<img src="image1.jpg" style="display: inline-block;">
<img src="image2.jpg" style="display: inline-block;">

<table>
  <tr>
    <td><img src="image1.jpg"></td>
    <td><img src="image2.jpg"></td>
  </tr>
</table>