body { padding: 0; margin: 0; background: #422e20; font-size: 1em; color: white; font-family: "Times New Roman", serif; } h1, h2, h3, h4, h5, .link { font-family: "Bookman Oldstyle", serif; } .wrapper { background: none; width: 100%; } .wrapper-2 { margin: 0 auto; } .header, .footer { background: url("/img/pond.gif"); background-size: cover; border-color: #22aab8; margin: 0; } .footer { border: 0; } .sidebar-left, .sidebar-right { width: 16%; } .main { width: 64%; margin-left: 18%; } .sidebar-right { margin-left: 1%; } .sidebar-left { margin-left: 1%; } .box { border-top: 7px solid #22aab8; border-bottom: 7px solid #22aab8; padding: 0em 0em 0em 0em; margin: 0.75em 0em 1.25em 0em; border-radius: 5px 5px 0px 0px; background: #fff; color: #12282f; } .inner { padding: 0 10px 0 10px; } .box h1, .box h2, .box h3, .box h4, .box h5, .box h6 { background:#22aab8; padding: 0.25em 0.6em 0.15em 0.6em; margin-top: 0px; margin-bottom: 0; } /*New! Mobile compatibility. Just turns everything into a standard vertical layout.*/ @media(orientation: portrait) { .main, .sidebar-left, .sidebar-right { position: relative; width: 100%; margin: 0 auto; } }
This is a paragraph! Here's how you make a link: Neocities.
Here's how you can make bold and italic text.
Here's how you can add an image:
Here's how to make a list:
To learn more HTML/CSS, check out these tutorials!