Vertikale Ausrichtung zweier Elemente

Question

<header> 
    <h1>Title</h1> 
    <h2>Subtitle</h2> 
</header> 

Ich muss h1 und h2 innerhalb der Kopfzeile vertikal ausrichten. Das h2 muss unter dem h1 liegen. Gibt es eine Möglichkeit, dies mit flex zu tun, ohne die Tags h1 und h2 zu umhüllen?

---

EDIT

Nur klar sein - H1 und H2 sollte vertikal innerhalb Header ausgerichtet werden. H1 und H2 sollten untereinander sitzen.

Answer 1

Hier ist, was Sie

<style> 
header{ 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
} 
h1,h2{ 
    text-align: center; 
} 
</style> 

<header> 
    <h1>Title</h1> 
    <h2>Subtitle</h2> 
</header> 

Answer 2

Sie können es mit flexboxes so machen.

header{ 
 
    border: 2px solid red; 
 
    height: 70vh; 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: center; 
 
} 
 

 
h1,h2{ 
 
    margin: 0; 
 
    padding: 0; 
 
    text-align: center; 
 
} 
 

 
h1{ 
 
    background: red; 
 
} 
 

 
h2{ 
 
    background: yellow; 
 
}

<header> 
 
    <h1>Heading 1</h1> 
 
    <h2>Heading 2</h2> 
 
</header>