如何在同一个div中的两个<a>标签之间留出空格

Question

现在看起来像这样。

我想在它们之间留出空间，这样它们看起来会好看并且更容易识别。我尝试在第一个 --- 的结尾之间使用 &nbsp <a> 但它没有用。

 <div class='col-lg-5'>
//some <p> for content
<a href="#"> Back to collection</a>
<a href="#">Contact</a>
</div>

原文由 aaa 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

以下 CSS 将 margin-left 添加到任何 <a> 元素，紧接着另一个 <a> 元素。 请参阅此处 以获得更全面的 CSS 选择器细分。

 a+a {
  margin-left: 10px;
}

 <div class='col-lg-5'>

  <a href="#"> Back to collection</a>
  <a href="#">Contact</a>
</div>

原文由 Jhecht 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您有多种选择来创建和控制网页上的空白区域：

HTML <br> 标记表示换行符，就像文字处理程序中的回车符一样。例如，您可以在地址的每一行末尾使用它来获得人们习惯看到的块格式。

<p> 标记生成分段符。它应用于一段文本，该文本块是通过空格和/或首行缩进与附近的文本块分隔开的文本块。

<pre> 标签与预格式化文本一起使用。它指示浏览器显示的文本与 HTML 文件中所写的完全一样，包括任何空格或空行。如果您在 <pre> 标签内键入五个空格，您将在网站上获得五个空格。

<&nbsp> 标签创建一个不换行的空格。由不间断空格分隔的两个词始终出现在同一行上。

您还可以使用层叠样式表 (CSS) 在文本周围添加空间。 正如其他评论中提到的。

原文由 Nitish Kumar Pal 发布，翻译遵循 CC BY-SA 4.0 许可协议