CSS Regions experiment 4

dabblet.css

/*	CSS Regions experiment 4	*/
#source   { flow-into: flow1;} /* #sources push their content into */
#region_1 { flow-from: flow1;} /* then .region pulls from prose    */

/#source   { flow-into: flow2;}
#source2  { flow-into: flow2;}
#region_2 { flow-from: flow2;}
#region_3 { flow-from: flow2;}

#region_1, #region_2, #region_3 {
  float: left;
  background: lightblue;
}
#region_1, #region_3 {
  width:   20%;
  height: 600px;
}
#region_2 {
  width:   50%; 
  height: 200px;
  margin: 0 5%;
}

dabblet.html

<section id='meta'>
<div id="source">
  <p>Lorem ipsum dolor sit amet, ex vis magna mandamus. At mei decore scribentur, his natum blandit et. Et omnium invenire quaerendum eos, dicat quaestio omittantur an nam. Probo impedit ex vel, qui in case iudicabit vituperata. At his partem admodum, mea eu amet viris, nam ea probo copiosae intellegat.</p>
  <p>Mel fugit cotidieque at, dicam dolore consulatu ea est. Mel detracto nominavi aliquando an, cu est euismod praesent. Mea ut accusam erroribus, est ad percipit euripidis. Paulo doming no cum, sed ad vidit interesset.</p>
</div></div>
<div id="source2">
 <p>Et dolores copiosae legendos est. Et habeo prompta vim, qui alii iuvaret an. Nam no nisl prompta. Qui no enim consul tritani, in usu putant vocent, qui at habemus efficiantur concludaturque.</p>
  <p>Adhuc mundi has ut. Ad mei nibh persecuti delicatissimi, te sed nonumy timeam temporibus. Errem voluptaria eam ea, vix legimus accumsan ullamcorper ad. Ut vel recusabo erroribus, et pro iisque dolorum. Ei quot vidisse sea, duo ad simul nullam.</p>
  <p>Nec quis dolorum te, esse nonumy mel eu. Eius latine deleniti ex mea. Summo fastidii principes nec id. Sea ea blandit consectetuer, ea amet posidonium has. Duo an oporteat splendide voluptatibus, sanctus hendrerit nec in, mel an liberavisse interpretaris.</p>
</div>
</section>

<div id="region_1" class="region"></div>
<div id="region_2" class="region"></div>
<div id="region_3" class="region"></div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}