merge table styles #761, tweak table padding

css/reveal.css

@@ -363,16 +363,27 @@ body {
 	        box-sizing: border-box;
 }
 
-.reveal table th,
+.reveal table {
-.reveal table td {
+  margin: auto;
-	text-align: left;
+  border-collapse: collapse;
-	padding-right: .3em;
+  border-spacing: 0;
 }
 
 .reveal table th {
   font-weight: bold;
 }
 
+.reveal table th,
+.reveal table td {
+  text-align: left;
+  padding: 0.2em 1em 0.2em 0;
+  border-bottom: 1px solid;
+}
+
+.reveal table tr:last-child td {
+    border-bottom: none;
+}
+
 .reveal sup {
 	vertical-align: super;
 }

index.html

@@ -131,6 +131,36 @@
 					</ol>
 				</section>
 
+                <section>
+                    <h2>Superb Tables</h2>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Item</th>
+                                <th>Value</th>
+                                <th>Quantity</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>Apples</td>
+                                <td>$1</td>
+                                <td>7</td>
+                            <tr>
+                            <tr>
+                                <td>Lemonade</td>
+                                <td>$2</td>
+                                <td>18</td>
+                            <tr>
+                            <tr>
+                                <td>Bread</td>
+                                <td>$3</td>
+                                <td>2</td>
+                            <tr>
+                      </tbody>
+                   </table>
+               </section>
+
 				<section data-markdown>
 					<script type="text/template">
 						## Markdown support

js/reveal.min.js

@@ -1,5 +1,5 @@
 /*!
- * reveal.js 2.6.1 (2013-12-20, 09:48)
+ * reveal.js 2.6.1 (2013-12-20, 10:34)
  * http://lab.hakim.se/reveal-js
  * MIT licensed
  *