css - 如何相对于父级集中第二个元素内联？

Question

我正在尝试为移动应用程序制作布局。

如何使标题标签相对于父级居中？

这是我的 HTML:

  <div id="title">
    <i class="fa fa-th-large" id="menuButton"></i>
    <small class="title">PROFILE</small>
  </div>

See in jsBIN

Answer 1

尝试为标题添加边距，如下所示:

#title{
    margin: 0 auto;
}