Alineacion imagen+texto dentro de un titulo

[3rn1n0]

Hola me piden que dentro de un titulo aparezca a la derecha centrada una imagen y a continuacion un texto centrado.
El html no lo puedo tocar asi es el html que me pasan.

Código HTML:

<h1><img src="logo.png" alt="OSZ IMT" /> Actualidad</h1>
 

Código CSS:

img{
    float: left;
    vertical-align: baseline;
    width: 25%;
}
h1{
    font-size: xx-large;
    font-weight: 600;
    --Aqui es donde he de poner como centrarlo, pero no se como hacerlo.
}
 

[pzin]

No flotes la imagen y aplícale un display: inline-block.

Usa la opción highlight para cuando quieras publicar código.

[waltersele]

Hola, vamos a hacerte los deberes...

A los elementos en línea como son las imágenes les puedes añadir una propiedad llamada vertical align. Simplemente poniéndole a la imagen un vertical-align:middle la imagen te saldrá centrada horizontalmente con el texto.

Código HTML:

img{
vertical-align:middle;
}

Ah, por cierto, float para alinear elementos no es una buena práctica como bien dicen por aquí arriba. bye!