CSSはどのようにhorizantal

Question

マークの横お互いにachorsを浮動まで取得する。そして、私は

.socialMediaPlugin { 
float: right; 

} をしようとしていた。しかし、彼らは、次のではなく、お互いの下に表示されますか？どうすればそれらを並べることができますか？

Answer 1

あなたはCSSをお読みくださいますようにするには、リンクではなく、コンテナにそれを適用する必要が左右

Answer 2

なります

.socialMediaPlugin a{ 
    display: block; 
    position: relative; 
    float: left; 
} 

のリンクを使用することができます

.socialMediaPlugin a { 
    float: right; 
}​ 

例が表示されますhere

.socialMediaPlugin:nth-child(n) { 
    float: right; 
}​ 

OR

.socialMediaPlugin * { 
    float: right; 
}​ 

私はそれをお勧めしません、それは非常にハックですが！

また、あなたがそのようなもののために順序付けられたリストを使用しなければならない、とあなたはリンクの順序ようにするためのポスター

からの要求に基づいて、そのhere

EDITの例を見ることができますを維持することができる場合は、display:blockのdivにリンクをラップし、代わりにそのリンクをフロートする必要があります。このライブを参照してくださいexample。

CSS

.socialMediaPlugin div { 
    display: block; 
    float: right; 
} 
​ 

Answer 3

アンカーはalreaydインラインレベル要素なので、彼らは自然に次お互いに積み重ねます。

問題は、コンテナが積み重なったアイテムを格納するのに十分な幅ではないため、ラップしている可能性が高くなります。

アンカー要素に適用される他のスタイルが、ブロックレベル要素のように動作しています。