从图像之间删除空白区域

Question

我想用html和css每1行显示3张图片。 我有以下代码来显示图像

.articles {
  margin: 100px;
  background-color: #F5F5F5;
}

.article {
  float: left;
  padding: 10px;
}

.article-image {
  padding-left: 480px;
  padding-top: 1073px;
}

.article-title {
  font-size: 18px;
  color: #3f3f3f;
  font-family: "SFUI Display";
  padding-left: 520px;
}

<article class="article">
  <img class="article-image" src="/images/6-0-article.png">
  <h3 class="article-title">Article 1 </h3>
  <label class="switch">
                <input type="checkbox">
                <span class="slider round"></span>
              </label>
</article>

<article class="article">
  <img class="article-image" src="/images/6-0-article.png">
  <h3 class="article-title">Article 1 </h3>
  <label class="switch">
                <input type="checkbox">
                <span class="slider round"></span>
              </label>
</article>

那么我怎么能实现他们并肩？