html / css：如何在单行中心“标题”并在右键上

Question

这是我的html：

<div id="top">
    <span id="title">Some Title</span>
    <span id="buttons"><button>Bla</button><button>Foo</button></span>
</div>

用于居中#title并在右侧拥有#buttons的CSS是什么？

Answer 1

将#title设为display:block; margin:auto;

将#top设为position:relative;或position:absolute;

将#buttons设为position:absolute; top:0; right:0;

Answer 2

这可能是您的问题的CSS。看看这个。

#top
{
  text-align:center;
}

#buttons
{
float:right;
}