横にはみ出てスクロール対象とならないよう CSS を調整

Author: xtetsuji

kachimai-download.html

@@ -42,15 +42,15 @@
 }
 </script>
 <style type="text/css">
-body, ul#dl-list { margin: 0; padding: 0; }
+body, ul#dl-list { margin: 1px; padding: 0; } /* 1px は li の border 分 */
 ul#dl-list li {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
     font-size: 2em;
     width: 100%;
     text-align: center;
     border: 1px solid black;
     border-radius: 25px;
-    padding: 8px;
+    padding: 8px 0px;
     margin: 4px 0px;
 }
 ul#dl-list li {