css - 使用 CSS 水平对齐

Question

这是我在 StackOverflow 上的第一篇文章，我对此感到非常兴奋，因为 Google 经常将我带到这里来寻找全面的答案。

无论如何，我的问题很简单，但我似乎无法弄明白。我试图将三个小图标对齐在同一行上，但在我的页面/帖子标题的右侧。帖子标题代码如下所示:

<div class="post-heading">
  <h1>Title</h1>
</div>

这 3 个图标需要有自己的 ID 才能正常工作。它们是这样插入的:

`#icon_container {
position: relative;
margin: 0;
padding: 0;
line-height: normal;
font-size: medium;
width: 50px;}

`#icon_container #icon_1 {
    float: right;
    background-image: url(icon.png);
    background-repeat: no-repeat;}`


`#icon_container #icon_1 A {
    width: 24px;
    height: 24px;
    display: block;}`

所以我在这里想要实现的就是让 h1 标题在左边，在同一个 alignmnet 右边，用上面的 CSS 插入 3 个图标。谁能帮我吗？我将不胜感激 :)

谢谢大家

编辑

我忘了提及图标的 HTML 代码；这是:

<div id="icon_container"><div id="icon_1"><a href="#" id="icon_1_button"></a></div><div id="icon_2....</div><div style="clear:both"></div></div>

Answer 1

h1和图片需要有

style="display:inline"

如果您希望图像具有相同的水平对齐方式。