尝试水平对齐 5 张图像。 一张图片不合时宜

Question

我想要做的就是水平对齐 5 张图像。 我可以完美地对齐其中的 4 个。 但第一个高于其他所有......相同的源代码，相同的图像相同的一切！ 非常感谢任何帮助。

代码：

<style>
    #gallery {
    float: left;
    width: 100%;
        margin-top: -125px;
    margin-right: 30px;
    margin-left: 10px;
    border-right: white 1px dotted;
    }
    #gallery img {
        float: left;
    display: inline-block;
    margin: 0 0 100px 10px;
    border: 1px solid rgb(0,0,0);
   }
    #photo {
    margin-left: 150px;
    position: relative;
    }
    #photo img {
    position: absolute;
    }

    a {
    outline: none;
        vertical-align: top;
    }

    a img {
    border: 1px solid #BBB;
    padding: 2px;
    margin: 10px 20px 10px 0;

    }

    a img.last {
    margin-right: 0;    
    }
</style>

    <a href="../wp-content/uploads/2019/11/slide1.png"><img src="../wp-content/uploads/2019/11/Blank- 
   Person-Imagesmall1.jpg" width="100" height="100" alt="person 1k"></a> 

    <a href="../wp-content/uploads/2019/11/slide1.png"><img src="../wp-content/uploads/2019/11/Blank- 
    Person-Imagesmall1.jpg" width="100" height="100" alt="person 2"></a> 

    <a href="../wp-content/uploads/2019/11/slide1.png"><img src="../wp-content/uploads/2019/11/Blank- 
    Person-Imagesmall1.jpg" width="100" height="100" alt="person 3"></a> 

    <a href="../wp-content/uploads/2019/11/slide1.png"><img src="../wp-content/uploads/2019/11/Blank- 
    Person-Imagesmall1.jpg" width="100" height="100" alt="person 4"></a> 

    <a href="../wp-content/uploads/2019/11/slide1.png"><img src="../wp-content/uploads/2019/11/Blank- 
    Person-Imagesmall1.jpg" width="100" height="100" alt="person 5"></a>

Answer 1

我把 br 放在上面的行上……那行得通。 仍然不确定为什么我需要它