Выровнять текст по центру панели навигации

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;
}

Я также создал быструю скрипку: http://jsfiddle.net/w0sxf3fd/2/

Answer 1

Попробуй это:

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

Демо: http://jsfiddle.net/w0sxf3fd/5/