Не могу выравнять DIV по середине. Кто поможет?

Question

[wiley]

Вот код страницы - pastebin.com/ELPswmkT
В общем текст не выравнивается по середине, максимум - уползает куда то на ~64% от левого края.

Answer 1

[Дима Паутов]

1 вариант:

#name {
 position: absolute; 
 top: 80px;
left: 50%;
margin-left: -половины ширины блока, глядим через консоль;
 line-height: 74px;
 font-size: 74px;
 color: #fff;
 letter-spacing: 4px;
}

2 вариант:

#name {
 position: absolute; 
 top: 80px;
left: 50%;
transform: translateX(-50%);
 line-height: 74px;
 font-size: 74px;
 color: #fff;
 letter-spacing: 4px;
}

3 вариант:

#name{
    position: absolute; 
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 74px;
    font-size: 74px;
    color: #000;
    letter-spacing: 4px;
}

Answer 2

[Роман Крылов]

#name{
 position: absolute; 
 width: 70px;
 height: 80px;
 top: 80px;
 line-height: 74px;
 font-size: 74px;
 color: white;
 letter-spacing: 4px;
 margin: 0 auto;
 left: 0;
 right: 0;
 margin: 0 auto;
}

И блок будет по середине.
Но текст у тебя вылезает за переделы блока, убери свойство width, и тогда текст будет посреди страницы, либо рули размером шрифта.

Answer 3

[Дмитрий]

#name{
 display: table;
 margin: 0 auto;
}