Unter-Überschriften in Dachzeilen verwandeln (breite Version)

dabblet.css

/**
 * Unter-Überschriften in Dachzeilen verwandeln (breite Version)
 */

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;
  margin: 3em 0;
}
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":"html"}