css - 如何在包装在 div 中的 < a > 标签之间留出空格

Question

如何在<a>包含在 div 中的标签之间留出空格？

<div class="sideMenu"> 
  <a href="#" > A </a>
  <a href="#" > B </a>
  <a href="#" > C </a>
</div>

CSS：

.sideMenu{
  padding: 50px;
}

标签： css

Answer 1

您可以为 div 中的所有标签应用 margin-right 属性。

.sideMenu a {
  margin-left: 5%; 
/* use %, em, px. % and em are recommended. */
}