¿Cuál es la mejor manera de alinear la fuente en HTML?

La forma más fácil de alinear una fuente (horizontalmente) es con text-align:

  .left {text-align: left;]
 .center {text-align: center;]
 .right {text-align: right;]

También hay momentos en los que es posible que desee alinear el contenedor que contiene su texto. Para las alineaciones de centros, a menudo es conveniente hacer esto con márgenes. Lo siguiente nos da un margen 0 en la parte superior e inferior y un margen automatizado igual a la izquierda y a la derecha. Esto centrará el contenedor dentro de su padre.

  .centerbox {margin: 0 auto;}

texto alineado

margen

También puede encontrarse con situaciones en las que es útil hacer flotar un contenedor a la izquierda o derecha de otro contenido, o colocar varios elementos uno al lado del otro en una fila usando inline-block o flex. Los siguientes recursos pueden ayudar con eso.

flotador

¿Cuál es el trato con la pantalla: bloque en línea?

Una guía completa de Flexbox | CSS-Tricks

Usar cajas flexibles de CSS

Por lo general, la propiedad de alineación de texto CSS (si se refiere a “líneas de texto”).

Propiedad de alineación de texto CSS

CSS text-align: propiedad CSS text-align