Аватар пользователя Dima

Как отцентрировать блочный элемент по середине родительского блока?

Если мы изначально знаем ширину элемента который нужно отцентрировать в пикселях и она будет постоянной, тогда все просто, справа и слева авто отступы:
{margin-left: auto; margin-right: auto;}
Но как же отцентрировать элемент внутри родительского если ширина у него будет меняться?
В этом случае тоже есть решение.
Для адекватного отображения в IE нужно завернуть элемент который будем центрировать в span, после этого, присваиваем ему {display: inline-block;}, а родителю {text-align: center;}.
Конечно для того чтоб этот код прошел валидацию все последующие вложения в span тоже должны быть строчными. Превратить их блочные можно присвоив элементу {display: block;}.