Existen varias formas de alinear elementos utilizando CSS. Veamos algunas de ellas
Vertical-align nos permite alinear elemento de linea (inline o inline-block). Posee varios valores ya establecidos pero ademas permite poder agregarle unidades de medida. Acá un ejemplo de como funcionan tanto los valores establecidos como las medidas cuando queremos alinear una imagen a un elemento de linea.
La propiedad float alinea elementos cuyo display sea inline a la izquierda o a la derecha de su contenedor. Posee tres propiedades para hacerlo:
None: no se toca el elemento y queda en una linea exclusiva
Left: El elemento quedará a la izquierda en la misma linea del texto
Right: El elemento quedará a la derecha en la misma linea del texto.