Are CSS2.1+ values for background-position supported?
HTML
<div class="width33">
<span class="icon icon1"></span>
<span class="label">Text</span>
<span class="info">123450</span>
</div>
<div class="width33">
<span class="icon icon2"></span>
<span class="label">Text</span>
<span class="info">123450</span>
</div>
<div class="width33">
<span class="icon icon3"></span>
<span class="label">Text</span>
<span class="info">123450</span>
</div>
CSS
.width33 {
width: 33.333%;
height: 30px;
text-align:center;
float:left;
display: block;
}
.icon{
background-image: url("http://s.aimg.sk/katalog/css/img/default/[email protected]?v=1.4");
background-repeat: no-repeat;
height:30px;
content: "";
width:30px;
display: inline-block;
}
.icon1 {
background-position: 0 -400px;
}
.icon2 {
background-position: 0 -400px;
}
.icon3 {
background-position: 0 -400px;
}
.label,.info{
float: left;
width:100%;
text-align:center;
clear: left;
}
.label{
font-weight:bold;
}