Hallo liebes Forum,

wie bekomme ich es hin den mit span umschlossenen zweiten Teil meiner Überschrift (gemeint ist hier mein h2) bei 81.25em (mein querie) in die nächste Zeile zu bekommen?

<div id="header-global">            
  <h1><a href="/test/public/***.html">My-Site.eu</a></h1>
  <h2>Wand&shy;zeitung<span> - täglich Neuig&shy;keiten</span></h2>
</div>

/* -- HEADER -- */

   header h1, header h2 {

      display: flex;

      flex-wrap: wrap;

      flex-direction: row;

   }   

   header h1 {      

      justify-content: flex-end;

      align-items: flex-end;

      padding-bottom: 0.15em;

   }

   header h2 {

      justify-content: flex-start;

   }

Bei 81.25em soll also mein mit span unschlossene Teil in die nächste Zeile wandern?

Wie kann man das bewerkstelligen?

M.