Html lint (#1336)

* Move style rules

* Fix non-unique IDs

* Remove erroneous ids

* Add title

* Fix invalid closing tag

* Install html-validate

* Add .htmlvalidate.json

* Update HTML and styles

* Add test-lint-html

* Update test files

* Update test-lint-html/css commands to have more explicit targets

1 files changed, 17 insertions, 8 deletions

diff --git a/ext/bg/css/settings2.css b/ext/bg/css/settings2.css
index 01c19af4..c0751d47 100644
--- a/ext/bg/css/settings2.css
+++ b/ext/bg/css/settings2.css
@@ -150,6 +150,10 @@ code {
 label {
     cursor: pointer;
 }
+pre {
+    white-space: pre-wrap;
+    margin: 0;
+}
 
 
 /* Text styles */
@@ -1462,15 +1466,8 @@ button.anki-card-field-value-menu-button {
     border-collapse: collapse;
     border-spacing: 0;
 }
-.anki-field-marker-info-table>thead {
-    font-weight: bold;
-}
-code.anki-field-marker {
-    white-space: nowrap;
-    font-size: 0.85em;
+.anki-field-marker-info-table tr.anki-field-marker-info-table-heading {
     font-weight: bold;
-}
-.anki-field-marker-info-table thead tr {
     background-color: var(--input-background-color);
 }
 .anki-field-marker-info-table td {
@@ -1485,6 +1482,11 @@ code.anki-field-marker {
 .anki-field-marker-info-table td:nth-last-child(n+2) {
     border-right: none;
 }
+code.anki-field-marker {
+    white-space: nowrap;
+    font-size: 0.85em;
+    font-weight: bold;
+}
 
 .anki-card-templates-layout {
     display: flex;
@@ -1948,6 +1950,13 @@ input.sentence-termination-character-input2 {
     padding-left: 0.375em;
 }
 
+.inline-icon {
+    position: relative;
+    width: calc(1em * (16 / var(--font-size-no-units)));
+    height: calc(1em * (16 / var(--font-size-no-units)));
+    top: calc(1em * (3 / var(--font-size-no-units)));
+}
+
 
 /* Generic layouts */
 .margin-above {