Я использую css спрайты. У меня есть простой образ и текст. Я хочу отобразить изображение в центре страницы, а текст - вертикально к этому изображению. Я новичок в css, я не мог найти способ сделать это.
Код, который у меня есть,
<div class="sprite"></div>hi
.sprite {
width: 50px;
height: 72px;
background-image: url("http://s.cdpn.io/79/sprite-steps.png");
}
Определите 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>