как центрировать спрайт изображения и текста?

0

Я использую css спрайты. У меня есть простой образ и текст. Я хочу отобразить изображение в центре страницы, а текст - вертикально к этому изображению. Я новичок в css, я не мог найти способ сделать это.

Код, который у меня есть,

<div class="sprite"></div>hi


.sprite {
    width: 50px;
    height: 72px;
    background-image: url("http://s.cdpn.io/79/sprite-steps.png");

}
Теги:

1 ответ

1

Определите position background и один div как это

Css

   .centerText{
    float:left;
    text-align:center;
}
.sprite {
    width: 50px;
    height: 72px;
    background: url("http://s.cdpn.io/79/sprite-steps.png") 3px -6px;
}

HTML

<div class="centerText">
<div class="sprite"></div>hi
</div>

демонстрация

Ещё вопросы

Сообщество Overcoder
Наверх
Меню