如何在两个<a> tag in the same div

Question

Right now it looks like this.

之间留出空格

我希望它们之间有空间，所以它们看起来很漂亮，更容易识别。我尝试在第一个&nbsp的末尾之间使用<a>，但它不起作用。

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

Answer 1

以下CSS会在另一个margin-left元素之后立即将<a>添加到任何<a>元素。 See this用于更彻底的CSS选择器细分。

＆＃13;

＆＃13;

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以试试这个：

a:not(:last-of-type) {
  margin-right: 10px;
}

Answer 3

您可以使用几种方法来创建和控制网页上的空白：

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

<p>标记会产生一个段落中断。它应用于一段文本，它是一块文本，与附近的文本块之间用空格和/或第一行缩进分隔。

<pre>标记与预格式化的文本一起使用。它指示浏览器文本将完全按照HTML文件中的文字显示，包括任何空格或空白行。如果您在<pre>标记内键入五个空格，则您在网站上会得到五个空格。

<&nbsp>标记创建了一个不会换行的空格。用不间断空格隔开的两个单词总是出现在同一行上。

您还可以使用级联样式表（CSS）在文本周围添加空格。 如其他评论所述。

Answer 4

你可以这样做，只要写在同一行

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

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