光滑的滑块点垂直对齐

Question

我的光滑滑块点位于一个在另一个下面，这里发生了什么，我该如何解决？

  

光滑-theme.css：

.slick-dots
{
    /*position: absolute;*/
    /*bottom: -25px;*/

    display: inline-block;

    /*width: 100%;*/
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 20;

    display: inline;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

我在其他人员代码中从未见过这样的内容，但我无法在Google上找到任何结果。请帮忙，谢谢。