The container that contains all of the text and images directly editable from each page.


Image Unavailable
Click to view in closer detail!


The #main-content selector corresponds with the <div> that contains all directly editable text on each page. This includes everything from the page title on the top to the page options on the bottom. Unlike the #content-wrap, this selector does not envelope the side bar.


You can use the #main-content selector to modify only the page's actual content. For instance, this page uses the Comic Sans MS font (or Times New Roman if you do not have that), but unlike the #html-body selector, the side bar, footer, top bar, and header are not affected.

    font-family: 'Comic Sans MS','Times New Roman';
    font-size: 13px;

Try It on the CSS Zone Sandbox!

Base CSS

    margin-left: 17em;
    padding: 0 1em;

Not defined in Base CSS.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License