我有3张图片，我想将它们依次排列在一起（前1张在2张之后，最后3张），以便它们是水平的，但是我不知道该怎么做，我只设法垂直安装一个在另一个之上，但这无济于事。我怎样才能让它们依次排列？
<div class="animated" data-animate="fadeInUp" data-animate-delay="400">
<img src="images/imonitor-1.png" alt="Monitor Image" class="scale-with-grid mockup" title="There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which
<img src="images/imonitor-2.png" alt="Monitor Image" class="scale-with-grid mockup" title="There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which
<img src="images/imonitor-3.png" alt="Monitor Image" class="scale-with-grid mockup" title="There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which
使用先前的代码，我只能将它们垂直放置，但我希望将它们水平放置