No funciona porque, para empezar, el atributo align
no modifica el comportamiento de bloque de los elementos y, además, solo aplica a ciertas etiquetas. Revisa la documentación
Necesitas poner los títulos dentro de un contenedor y, por medio de CSS, aplicar modelo flexbox o grid para acomodarlos en una misma línea; en este ejemplo usé flex
:
h2 {
background: #ccc;
}
.container {
/* Mostrar en una misma línea */
display: flex;
/* Invertir orden, colocando el primero a la derecha */
flex-direction: row-reverse;
/* Ocupar todo el espacio disponible y separar elementos */
justify-content: space-between;
}
<h1>Esto no funciona</h1>
<h2 align="right">Hola</h2>
<h2 align="center"> Buenas</h2>
<h2 align="left">Buen día</h2>
<h1>Esto sí funciona</h1>
<div class="container">
<h2>Hola</h2>
<h2>Buenas</h2>
<h2>Buen día</h2>
</div>
flexbox
, es algo sencillo que creo que lo vas a poder implementar por vos mismo, vos podes!! cualquier cosa me avisas y te ayudo, suerte!