Tire o traço -.
coloquei o background azul só pra ter noção do container
Usando display: flex;
...
#vote {
background: dodgerblue;
display: flex;
justify-content: center;
align-items: center;
}
.like {
background: url('http://plugcitarios.com/wp-content/uploads/2013/06/like.jpg') no-repeat center center;
background-position: center;
background-size: 24px 24px;
width: 24px;
height: 24px;
}
.unlike {
background: url('http://www.ironmonk.net/wp-content/uploads/2014/09/unlikefanpage.png') no-repeat center center;
background-position: center;
background-size: 24px 24px;
width: 24px;
height: 24px;
}
<span id="vote">
<a href="#">
<div class="like"></div>
</a>
<a href="#">
<div class="unlike"></div>
</a>
</span>
Agora usando float: left;
#vote {
background: dodgerblue;
}
.like {
background: url('http://plugcitarios.com/wp-content/uploads/2013/06/like.jpg') no-repeat center center;
background-position: center;
background-size: 24px 24px;
width: 24px;
height: 24px;
}
.unlike {
background: url('http://www.ironmonk.net/wp-content/uploads/2014/09/unlikefanpage.png') no-repeat center center;
background-position: center;
background-size: 24px 24px;
width: 24px;
height: 24px;
}
.like, .unlike {
float: left;
}
<span id="vote">
<a href="#">
<div class="like"></div>
</a>
<a href="#">
<div class="unlike"></div>
</a>
</span>
Quando usar float e flex
Bom depende do seu público, se a maioria usa navegador antigo, não muitas, mas algumas pessoas ainda usam Internet Explorer, pelo fato de ele já vir instalado no Window, e display: flex
não seria apropriado para tal, pois é mais para browsers atuais. você pode dar uma olhada na compatibilidade:
https://caniuse.com/#search=flex
Já float
serve na maioria dos navegadores, porém é mais difícil de configurar um layout com float
[na minha opnião].
https://caniuse.com/#search=float
Dica Eu estou preferindo ultimamente flex
, mas como eu disse, depende da circunstância.
Você pode ver aqui quais os navegadores mais usados no Brasil:
http://gs.statcounter.com/browser-market-share/all/brazil
Final
Mesmo assim eu iria de flex
se eu fôsse você, porque como você pode ver o Internet explorer não ajuda muito, mas em compensação, a maioria dos outros navegadores suportam, se não, parcialmente.