将文本对齐到导航栏的中心

Question

我创建了一个导航栏，我还在其中添加了一个后退按钮，我想要在导航栏的中央放置一些文本。但是我似乎无法弄清楚如何让文本居中。

这是我的 css 代码：

#navbar {
    background: black;
    top: 0px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-indent: center;
    vertical-align: middle;
    position: fixed;
    z-index: 999;
    right: 0px;
    bottom: 10px;



}

#navbar > a{
margin-top:2%;
float:left;
}

我还创建了一个快速 fiddle：http://jsfiddle.net/w0sxf3fd/2/

Answer 1

试试这个：

h1 {
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

演示：http://jsfiddle.net/w0sxf3fd/5/

将文本对齐到导航栏的中心

Align text to center of navbar

html

css

text-alignment