Html 并排排列按钮

请帮助我水平排列这3个按钮，如下图所示：

请看一下代码

CSS:

HTML:

​

您可以添加

float:left; 

每个按钮

那么：

a {
    float:left;
}
​

或

并将html标记更改为以下方式：

<a class="abpbt" href="javascript:;"></a>
<a class="twitterbt" href="javascript:;"></a>
<a class="facebookbt" href="javascript:;"></a>

这样，布局将向右对齐，并按照与屏幕截图相同的正确顺序排列

---

演示：

为了澄清，这张图片是用photoshop制作的。我可以告诉你对三种按钮样式中的每一种应用“float:left；”。或者我可以告诉你去阅读一般的浮动内容，因为（正如这位CSS新手可以肯定地说的那样）它是一个重要的概念。要获得间距，请使用填充或边距。@ShyamSundar我们可以选择这个作为答案吗？（支票）

a {
    float:left;
}
​

a {
    display:inline-block !important;
}

a { float:right; margin-left: 5px;}

<a class="abpbt" href="javascript:;"></a>
<a class="twitterbt" href="javascript:;"></a>
<a class="facebookbt" href="javascript:;"></a>