before/after only

index.html

@@ -273,23 +273,18 @@ h2[data-spy='true']::before, h2[data-spy='true']::after
     display: flex;
     width:50%;
 }
-.Part
+.Filler::before, .Filler::after
 {
+    content:" ";
+    display:block;
+    height:1em;
     flex:1;
-    height:100px;
     background:red;
 }
-.Part.Middle
-{
-    flex:0 0 auto;
-    background:orange;
-}
 
 </style>
     <div class="Filler">
-        <div class="Part Cap Top"></div>
+        Random Content
-        <div class="Part Middle">Random content</div>
-        <div class="Part Cap Bottom"></div>
     </div>
 
     <style>