html/css:如何在单行中心"标题"并在右键上

Question

这是我的html:

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

用什么CSS来居中#title并拥有#buttons右侧？

Answer 1

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

设置#top于position:relative;或position:absolute;

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