feat(table): add table is-dark is-bordered in index.html

nostalgic-css · Dec 8, 2018 · b6d4815 · b6d4815
1 parent 162391f
commit b6d4815
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -132,12 +132,11 @@ <h2 class="title">Balloons</h2>
       </div>
     </section>
 
-    <section class="container with-title">
+    <section class="container with-title" style="display:flex">
       <h2 class="title">Table</h2>
-      <table class="table is-bordered is-centered" style="margin:15px 4px 5px 4px">
+      <table class="table is-bordered is-centered" style="margin:15px 15px 5px 0;">
         <thead>
           <tr>
-            <th>Table</th>
             <th>Table.is-bordered</th>
             <th>Table.is-centered</th>
           </tr>
@@ -146,12 +145,28 @@ <h2 class="title">Table</h2>
           <tr>
             <td>Thou hast had a good morning</td>
             <td>Thou hast had a good afternoon</td>
-            <td>Thou hast had a good night</td>
           </tr>
           <tr>
             <td>Thou hast had a good morning</td>
             <td>Thou hast had a good afternoon</td>
-            <td>Thou hast had a good night</td>
+          </tr>
+        </tbody>
+      </table>
+      <table class="table is-bordered is-dark" style="margin:15px 4px 5px 15px">
+        <thead>
+          <tr>
+            <th>Table.is-dark</th>
+            <th>Table.is-bordered</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Thou hast had a good morning</td>
+            <td>Thou hast had a good morning</td>
+          </tr>
+          <tr>
+            <td>Thou hast had a good morning</td>
+            <td>Thou hast had a good afternoon</td>
           </tr>
         </tbody>
       </table>