Centering content in a column for better readability

This commit is contained in:
April Eaton 2025-12-15 18:54:19 +01:00
parent a49f96f827
commit b61db22369
3 changed files with 16 additions and 1 deletions

View file

@ -7,4 +7,18 @@ body {
font-style: normal; font-style: normal;
font-variation-settings: "wdth" 100; font-variation-settings: "wdth" 100;
font-size: 16pt; font-size: 16pt;
margin: 0;
min-height: 100svh;
display: flex;
flex-direction: column;
align-items: center;
}
#main {
width: 40rem;
margin: 0.25rem;
margin-top: 0;
padding: 0.25rem;
border-left: solid 2px;
border-right: solid 2px;
} }

View file

@ -10,6 +10,7 @@ header {
width: calc(100% - 1.5rem); width: calc(100% - 1.5rem);
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
margin-top: 0.5rem;
padding: 0.5rem; padding: 0.5rem;
border-width: 3px; border-width: 3px;
border-style: solid; border-style: solid;

View file

@ -27,6 +27,6 @@
</p> </p>
<![endif]--> <![endif]-->
<header id="hd-box"></header> <header id="hd-box"></header>
Look ma, I'm horny! <article id="main">Look ma, I'm horny!</article>
</body> </body>
</html> </html>