Непонятный отступ слева?

Question

[istasiik]

Есть такой вот элемент

Css для текста:

.background .txt {

position: relative;
text-align: center;
display: table-cell;
vertical-align: middle;
z-index: 9990;
width:100%;
height:100%;
max-width: 672px;
margin-left:0;
}

Как я понял - проблема в display: table-cell; Как можно убрать пробел слева? Или какой есть другой способ, что бы выровнять этот div точно по центру?

Comments

[chupok]

О каком отступе слева идет речь? Текст расположен по центру.

Answer 1

[Влад Преображенский]

Слева очень просто ,margin-left:-5px;Но другое дело ошибки в css,Вы же понимаете каждое выражение которое написали,или нет???

Comments

[istasiik]

Я понимаю, что довольно кривое решение через таблицу выравнивать элемент по центру. Другого варианта нормального не нашел.

Answer 2

[Никита]

вообще, если у дива есть размер, то margin:0 auto

Comments

[istasiik]

Нет, не работает

[Никита]

див должен быть определенного размера например 300px. А при желании в диве сделать текст алигн центер

[istasiik]

@Rema1ns у дива размер 100%

[Никита]

Процентный размер не покатит, надо в пикселях

[istasiik]

@Rema1ns в пикселях не выйдет. Картинка занимает всю площадь экрана при входе, но потом можно прокрутиться вниз. Вот так выглядит родитель

.background {
display: table;
width:100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
height: 100%;
overflow: hidden;
text-align: center;
}

[Trow_eu]

@istasiik ну так поставьте картинку на 100%, а блок с текстом с фиксированным размером внутри и его центрируйте маргином.

<div class="background">
<div class="text">
text
</div>
</div>