Html 边界上的CSS边距问题

我试图创建一条虚线，在它的左右两侧都有一些空间。我使用了以下代码：

.dotted{
  border-top:2px dotted red;
  margin-left:50px;
  margin-right: 50px;
} 

<div class="dotted"></div>

{
边框顶部：2件点红色；
左边距：50像素；
右边距：50px；
} 

---

这奇怪地将空白区域放置在虚线的左侧；但不是在右边。有人能解释一下上面的代码有什么问题吗？怎么在虚线的两边都有空格？

没有空格。您的元素为空。也许你可以进一步解释。正如你所描述的：到底是什么问题？用投票来结束，因为这里没有问题。很明显，左边和右边都应用了边距：）是的，实际上我发现我在html中使用了一个添加类行，这是由于某种原因造成的问题。