在HTML中，我们可以使用横向排列来布置元素。而在设计界面时，对于横向排列中元素之间的距离，是需要进行一定的设置的。下面，我们将介绍如何设置横向排列元素之间的间隔。

  <div style="display: flex; justify-content: space-between; gap: 20px;">
   <div>
     <p>这是第一个元素</p>
   </div>
   <div>
     <p>这是第二个元素</p>
   </div>
   <div>
     <p>这是第三个元素</p>
   </div>
  </div>

在上面的代码中，我们使用了flex布局，并对元素之间的距离进行了设置。其中，justify-content: space-between表示让元素在横向排列时，让它们平均分布在第一行和最后一行。而gap: 20px则表示元素之间的间隔大小为20像素。

当然，我们还可以根据自己的需要来进行更改。比如，我们可以将justify-content改成center，这样就可以使得所有的元素都居中排列了。同时，我们还可以将gap改为margin，使用CSS来更改每个元素之间的距离。

总之，在设置横向排列时，间隔的设置是非常重要的一部分，要根据设计的需要来进行准确的调整。