Stop rendering text inside flex boxes.

sky/tests/layout/borderbox-percent-padding.sky

Index: sky/tests/layout/borderbox-percent-padding.sky
diff --git a/sky/tests/layout/borderbox-percent-padding.sky b/sky/tests/layout/borderbox-percent-padding.sky
index adb9a4883a69c42e9465d93b96ce6133dc6b71fa..2a6d4263acddb4a0f67fe3a7e8cb448e0226690d 100644
--- a/sky/tests/layout/borderbox-percent-padding.sky
+++ b/sky/tests/layout/borderbox-percent-padding.sky
@@ -5,13 +5,10 @@
     max-width: 300px;
     padding: 0 5%;
   }
-  paragraph {
-    display: paragraph;
-  }
 </style>
 <container style="width: 400px">
   <border-box>
-    <paragraph>Even though the width of 'border-box' stays the same after it reaches 300px, the width available to its children decreases as its padding continues to expand. Because the padding is based off the width before it's constrained by min/max. This tests that we continue to layout the contents of border-box even when its own width remains the same.</paragraph>
+    <p>Even though the width of 'border-box' stays the same after it reaches 300px, the width available to its children decreases as its padding continues to expand. Because the padding is based off the width before it's constrained by min/max. This tests that we continue to layout the contents of border-box even when its own width remains the same.</p>
   </div>
 </container>
 
@@ -25,9 +22,9 @@ void main() {
   initUnit();
 
   test("paragraph width should shrink", () {
-    expect(document.querySelector("paragraph").offsetWidth, equals(260));
+    expect(document.querySelector("p").offsetWidth, equals(260));
     document.querySelector("container").style["width"] = "800px";
-    expect(document.querySelector("paragraph").offsetWidth, equals(220));
+    expect(document.querySelector("p").offsetWidth, equals(220));
   });
 }
 </script>