5 html { font: 16px/1.25 monospace; }
6 .regionBox { width: 420px; height: 50px; }
7 .regionBox1 { width: 420px; height: 30px; }
8 .regionBox2 { width: 420px; height: 100px; }
9 .regionBox3 { width: 420px; height: 10px; }
10 .regionParagraphFlowRemoved { width: 420px; height: 20px; }
11 .greenBackground { background-color: green; }
12 .limeBackground { background-color: lime; }
16 <div class="regionBox">
17 <div class="greenBackground">Green background text styled in region1.</div>
20 <div class="limeBackground regionParagraphFlowRemoved">Lime background text styled out region2.</div>
22 <div class="regionBox">
24 <div class="greenBackground">Green background text styled in region31.</div>
26 <div class="regionBox1">
27 <div class="limeBackground">Lime background text styled in region32.</div>
29 <div class="regionBox">
30 <div class="greenBackground">Green background text styled in region41.</div>
32 <div class="regionBox1">
33 <div class="limeBackground">Lime background text styled in region42.</div>
35 <div class="regionBox2">
36 <div class="greenBackground">Green background text styled in region51.</div>
38 <div class="greenBackground">Green background text styled in region51.</div>
40 <div class="regionBox3"></div>
42 <div class="regionBox">
43 <div class="greenBackground">Green background text styled in region61.</div>
45 <div class="regionBox1">
46 <div class="limeBackground">Lime background text styled in region62.</div>
48 <div class="regionBox">
49 <div class="greenBackground">Green background text styled in region71.</div>
51 <div class="regionBox1">
52 <div class="limeBackground">Lime background text styled in region72.</div>