Jak pionowo wyrównać obraz tła z tekstem?
Mam problem z wyrównaniem w pionie obrazu tła z tekstem, bez przypisywania stałych (a więc nie automatycznych i wielokrotnego użytku) wartości doheight
lubline-height
. Zastanawiałem się, czy rzeczywiście istnieje sposób na pionowe wyrównanie obrazu bg, powiedzmy ia
element, with its text without assigning constant values to
Wysokość liniior
wysokość?
Demo na żywo jest dostępne tutaj:http://cssdesk.com/8Jsx2.
Oto HTML:
<a class="">background-position: center</a>
<a class="contain">background-size: contain</a>
<a class="line-height">Constant line-height</a>
A oto CSS:
a {
display: block;
margin: 10px;
width: 200px;
padding-left: 34px;
font-size: 14px;
background: url('http://cdn1.iconfinder.com/data/icons/freeapplication/png/24x24/Thumbs%20up.png');
background-repeat: no-repeat;
background-position: 5px center;
border: 1px solid black;
}
/* I don't want to use constant line-height */
.line-height {
line-height: 24px;
}
/* I don't want to use this, because I want my bg image's size to stay intact */
.contain {
background-size: contain;
}