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 toWysokość liniiorwysokość?

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;   
}

questionAnswers(3)

yourAnswerToTheQuestion