One of three empty div blocks located in the header for creative use.


  • Contained by #header
  • Contains:
Image Unavailable
Click to view in closer detail!


#header-extra-div-1 is the id of one of three extra <div> blocks located in the #header. These <div> blocks are meant for creative use. In their default state, they do nothing.

The other two ids are labeled #header-extra-div-2 and #header-extra-div-3.


The red box in the top-left corner is generated by this id using the below code:

    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: red;

Notice that this box is located in the top corner of the header, not the screen. This is because the <div> block is located in the header.

Try It on the CSS Zone Sandbox!

Base CSS

Not defined in Base CSS.

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