fixing spacing on browser fallback examples

Author: chrisdavidmills

flexbox/basics/simple-example-anon.html

@@ -32,7 +32,7 @@
     }
 
     textarea:nth-of-type(2) {
-      height: 160px
+      height: 120px
     }
 
     .playable-buttons {
@@ -86,18 +86,18 @@ <h2>One</h2>
     </div>
 
   </section>
-  <textarea class="playable-css">
-          .box {
-            display: flex;
-          }
-      </textarea>
-  <textarea id="code" class="playable-html">
-        <div class="box">
-            <h2>One</h2>
-            <div>Two</div>
-            Three is an unwrapped string
-        </div>
-      </textarea>
+<textarea class="playable-css">
+.box {
+  display: flex;
+}
+</textarea>
+<textarea id="code" class="playable-html">
+<div class="box">
+    <h2>One</h2>
+    <div>Two</div>
+    Three is an unwrapped string
+</div>
+</textarea>
   <div class="playable-buttons">
     <input id="reset" type="button" value="Reset">
   </div>

flexbox/browsers/float.html

@@ -31,7 +31,7 @@
     }
 
     textarea:nth-of-type(2) {
-      height: 80px
+      height: 100px
     }
 
     .playable-buttons {
@@ -98,7 +98,7 @@
 .box {
   display: flex;
 }
-  
+
 .item {
   float: left;
   width: 150px;

flexbox/browsers/inline-block.html

@@ -31,7 +31,7 @@
     }
 
     textarea:nth-of-type(2) {
-      height: 80px
+      height: 100px
     }
 
     .playable-buttons {
@@ -61,7 +61,7 @@
       border: 2px dotted rgb(96, 139, 168);
     }
 
-   
+
 
     .box>* {
       border: 2px solid rgb(96, 139, 168);
@@ -94,7 +94,7 @@
 .box {
   display: flex;
 }
-  
+
 .item {
   display: inline-block;
   width: 150px;

flexbox/browsers/table-cell.html

@@ -31,7 +31,7 @@
     }
 
     textarea:nth-of-type(2) {
-      height: 80px
+      height: 100px
     }
 
     .playable-buttons {
@@ -61,7 +61,7 @@
       border: 2px dotted rgb(96, 139, 168);
     }
 
-   
+
 
     .box>* {
       border: 2px solid rgb(96, 139, 168);
@@ -94,7 +94,7 @@
 .box {
   display: flex;
 }
-  
+
 .item {
   display: table-cell;
   width: 150px;

flexbox/browsers/vertical-align.html

@@ -31,7 +31,7 @@
     }
 
     textarea:nth-of-type(2) {
-      height: 80px
+      height: 100px
     }
 
     .playable-buttons {
@@ -61,7 +61,7 @@
       border: 2px dotted rgb(96, 139, 168);
     }
 
-   
+
 
     .box>* {
       border: 2px solid rgb(96, 139, 168);
@@ -95,7 +95,7 @@
 .box {
   display: flex;
 }
-  
+
 .item {
   display: inline-block;
   vertical-align: top;

flexbox/order/flex-direction.html

@@ -92,19 +92,19 @@
     </div>
   </section>
 
-  <textarea class="playable-css">
-        .box {
-          display: flex;
-          flex-direction: row-reverse;
-        }
-    </textarea>
-  <textarea id="code" class="playable-html">
-        <div class="box">
-            <div><a href="#">One</a></div>
-            <div><a href="#">Two</a></div>
-            <div><a href="#">Three</a></div>
-        </div>
-      </textarea>
+<textarea class="playable-css">
+.box {
+  display: flex;
+  flex-direction: row-reverse;
+}
+</textarea>
+<textarea id="code" class="playable-html">
+<div class="box">
+    <div><a href="#">One</a></div>
+    <div><a href="#">Two</a></div>
+    <div><a href="#">Three</a></div>
+</div>
+</textarea>
   <div class="playable-buttons">
     <input id="reset" type="button" value="Reset">
   </div>