Add HTML attribute selectors for table cell alignment

jkatz · jkatz · commit e50eb48ec510 · 2020-04-14T18:08:27.000-04:00
As the align/valign attributets are deprecated in HTML 5 and as our
documentation generation scripts still spit these out, these selectors
will ensure compatibility, and also fix present alignment issues.
diff --git a/media/css/main.css b/media/css/main.css
@@ -737,7 +737,36 @@ code,
 #docContent table.CALSTABLE th {
   background-color: #e9ecef;
   padding: 0.5ex 0.5ex;
-  vertical-align: inherit;
+}
+
+#docContent table.table th[align="left"],
+#docContent table.table td[align="left"] {
+  text-align: left;
+}
+
+#docContent table.table th[align="center"],
+#docContent table.table td[align="center"] {
+  text-align: center;
+}
+
+#docContent table.table th[align="right"],
+#docContent table.table td[align="right"] {
+  text-align: right;
+}
+
+#docContent table.table th[valign="top"],
+#docContent table.table td[valign="top"] {
+  vertical-align: top;
+}
+
+#docContent table.table th[valign="middle"],
+#docContent table.table td[valign="middle"] {
+  vertical-align: middle;
+}
+
+#docContent table.table th[valign="bottom"],
+#docContent table.table td[valign="bottom"] {
+  vertical-align: top;
 }
 
 #docContent table.table td,
