Make tables and code blocks nicer

css/layout.css

@@ -104,3 +104,27 @@ img {
   height: auto;
   display: block; /* Removes the tiny gap at the bottom of images */
 }
+
+table {
+  border: 1px solid black;
+  border-collapse: collapse;
+  background: #F1E9DA;
+  width: 94%;
+  margin: 0 auto;
+}
+
+th {
+  border: 2px solid black;
+}
+
+td {
+  border: 1px solid black;
+}
+
+code {
+  display: block;
+  background: #F1E9DA;
+  width: 90%;
+  margin: 0 auto;
+  padding: 20px;
+}