diff options
| author | Albert Krewinkel <[email protected]> | 2022-07-29 23:44:13 +0200 |
|---|---|---|
| committer | John MacFarlane <[email protected]> | 2022-08-01 10:12:13 -0700 |
| commit | 0e8f424d9ef29175a12e8efb40e91a63aa939da1 (patch) | |
| tree | e0614a0171456386b82a53dcc566868766665ad1 /test/s5-inserts.html | |
| parent | 7a4afce60c932add21b9ea4914d8eb61e3de732e (diff) | |
HTML: use CSS flex boxes for columns.
This allows to render an arbitrary number of columns, while the previous
approach assumed exactly two columns.
Diffstat (limited to 'test/s5-inserts.html')
| -rw-r--r-- | test/s5-inserts.html | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/test/s5-inserts.html b/test/s5-inserts.html index 5e84aa44f..8aef36a42 100644 --- a/test/s5-inserts.html +++ b/test/s5-inserts.html @@ -11,7 +11,8 @@ <style type="text/css"> code{white-space: pre-wrap;} span.smallcaps{font-variant: small-caps;} - div.column{display: inline-block; vertical-align: top; width: 50%;} + div.columns{display: flex; gap: min(4vw, 1.5em);} + div.column{flex: 1;} div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} ul.task-list{list-style: none;} .display.math{display: block; text-align: center; margin: 0.5rem auto;} |