2つの間にスペースを入れる方法<a>同じ部門のタグ

Question

今のところ、このように見えます。

私はそれらの間にスペースがあるので、見栄えがよく、識別しやすくなります。最初の<a>の末尾に&nbspを使用しようとしましたが、動作しませんでした。

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

Answer 1

次のCSSは、すぐに別の<a>要素の後に任意の<a>要素にmargin-leftを追加します。 See thisより詳細なCSSセレクタの内訳を表示します。

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

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

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

Answer 2

あなたはこれを試すことができます。

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