Как можно выровнять css спрайты по горизонтали?

Question

На данный момент все мои спрайты CSS выровнены по вертикали и не в правильном формате.Как бы я выровнять их по горизонтали?Это пример одной из моих кнопок:

a.youtube {
    background: url(images/icons.png) no-repeat 0 0;
    height: 64px;
    width: 64px;
    display: block;
    background-position: 0 -128px;
}

a.youtube:hover {
    background-position: -64px -128px;
}

Теперь я не могу выровнять их по центру, используя:

#social_cont {
    text-align: center;
    background: url(images/banners/banner1.jpg);
    height: 254px;
}

и этот HTML:

<div id="social">
    <a class="facebook" href="http://facebook.com/projectstratos"></a><a class="twitter" href="http://twitter.com/projectstratos"></a>
</div>

Answer 1

Если вы хотите, чтобы значки ссылок были выровнены по горизонтали, добавьте float:left в объявление CSS для a.youtube.Что касается центрирования, вы должны просто убедиться, что ваш спрайт точно соответствует размеру контейнера 64x64 px.(Вы не можете использовать background-position:center center; здесь, потому что он будет центрировать все фоновое изображение в вашем контейнере).

Answer 2

Вы можете сначала проверить это:

http://www.w3schools.com/css/css_align.asp

Если это не работает для вас, установите вручную:

http://www.w3schools.com/css/pr_class_position.asp