Alinhar imagem ou ícone verticalmente com o texto

Alinhar imagens e ícones verticalmente com o texto

<i class="ICON"></i> <span>GO TO CHECKOUT</span>
i {
vertical
-align:middle;
}

<img src="IMG"> <span>GO TO CHECKOUT</span>
img {
vertical
-align:middle;
}