CSS humor

Posted: by Steffen Jørgensen

Nerdhumor ahead!

If you don’t know CSS, this is most likely not very funny.

#titanic{ /* ID, as there can be only one Titanic */
    float: none;
    vertical-align: bottom;
    }
#einstein{ /* ID, as there can be only one Einstein */
    position: relative;
    }
#prince{ /* ID, as there can be only one Prince */
    color: purple;
    height: .75em;
    voice-pitch: x-high;
    }
.ninja{ /* Class, as there is usually more than one ninja */
    color: black;
    visibility: hidden;
    vertical-align: top;
    }
.poltergeist{
    visibility: hidden;
    }
.sniper{
    cursor: crosshair;
    }
.cage{
    background: darkgray;
    border: 3in solid steel;
    display: block;
    margin: 120in;
    position: absolute;
    }
.cage:before{
    font-family: 'Comic Sans MS';
    }
.cage:after{
    font-family: 'Helvetica';
    }