[Ovillo] Intercambiar visualmente el orden de dos párrafos

[Ramón Corominas]

Hola, Ovillo.

Me plantea un cliente un "desafío" semántico-cesesiano que a mí me 
parece irresoluble, pero quién sabe si alguna sabia mente ovillera me 
pueda iluminar...

La idea de partida es bastante simple:

<h1>Título principal de noticia</h1>
<p>Antetítulo (nota aclaratoria) de la noticia</p>

Los editores les dicen que el antetítulo, por ser "ante", tiene que 
verse *encima* del título de la noticia. Entiendo que alterar el orden 
de los párrafos en el código sería cambiar de alguna manera la 
estructura de contenidos (el párrafo realmente "pertenece" a la noticia, 
aunque se vea delante del título). Sin entrar a valorar que ese cambio 
en el orden visual no alteraría el orden de lectura para un lector de 
pantalla, lo que se pretende es que (visualmente) aparezca esto:

Antetítulo de la noticia
TITULO PRINCIPAL DE LA NOTICIA

¿Se le ocurre a alguien una solución crossbrowser para lograr esto?

Nota 1: no se conocen de antemano las longitudes ni del título ni del 
antetítulo.
Nota 2: no es factible reservar espacio para el antetítulo dando 
margin-top al h1, ya que no se sabe de antemano la longitud del 
antetítulo, además de que no puede solapar al aumentar el tamaño de letra.

Saludos y gracias de antemano,
Ramón.