Unter-Überschriften mit Flexbox in Dachzeilen verwandeln

dabblet.css

/**
 * Unter-Überschriften mit Flexbox in Dachzeilen verwandeln
 */

header {
  display: flex;
  flex-direction:column-reverse;
}

dabblet.html

<article class="blogpost">
  <header>
    <h1>Große fette H1-Überschrift</h1>
    <h2>H2-Unter-Überschrift, die als Dachzeile fungieren soll</h2>
  </header>
  <p>
    Lorem lean startup ipsum product market fit customer development acquihire technical cofounder. User engagement A/B testing shrink a market venture capital pitch deck. Social bookmarking group buying crowded market pivot onboarding freemium prototype ping pong. Early stage disruptive ecosystem community outreach dynamic location based strategic investor. 
  </p>
  <p>
    Accelerator photo sharing business school drop out ramen hustle crush it revenue traction platforms. Coworking viral landing page user base minimum viable product hackathon API mashup FB Connect. Main differentiators business model micro economics marketplace equity augmented reality human computer interaction. Board members super angel preferred stock. Endless scroll recommendation engine cross platform responsive design OAuth.
  </p>
</article>


<!-- Irrelevante Aufhübschung -->
<style>
body {
  font-size:125%;
  line-height: 1.6;
  width: 70%;
  margin: 3em auto;
}
h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 1em;
}
</style>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}