请问一个div下的label居中，然后加一组按钮从左到右排列，请问如何实现呢？

Question

现在有一个div，如下：

<div className={styles.titlebar}>
  <label>Header</label>
</div>

我现在想要对里面添加一组按钮，比如：

<div className={styles.titlebar}>
  <label>Header</label>
  <div className={styles.buttons}> <button/><button/><button/> </div>
</div>

需要：
1）<label>Header</label> 居中显示。
2）<div className={styles.buttons}/> 进行左边开始排列
类似这种效果：

请问应该如何实现呢？

Answer 1

你想要这样的效果dom