From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 10 Jan 2023 03:33:44 +0000 (-0800)
Subject: Add table caption
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=a2e6870a50d2a8d2eb2369259add5360ff8c9998;p=sleepy-operators

Add table caption
---

diff --git a/index.html b/index.html
index 1eb5046..10b6c65 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,7 @@
       <p>Open the <b><abbr title="Developer Tools">DevTools</abbr> console</b> to start the demo.</p>
 
       <table>
+        <caption>Keyboard shortcuts to open the DevTools console in various operating systems and web browsers.</caption>
         <thead>
           <tr>
             <th><abbr title="Operating System">OS</abbr></th>
diff --git a/style.css b/style.css
index ff0f5a6..a6ecc32 100644
--- a/style.css
+++ b/style.css
@@ -23,6 +23,11 @@ table {
   border-collapse: collapse;
 }
 
+caption {
+  caption-side: bottom;
+  font-size: 0.9rem;
+}
+
 tr {
   transition: background-color 400ms;
 }