.lego { display: block; }

.mexico { border: none }

.defibrillators { clear: both; }

.hillbilly-sex { position: relative; }

.autobots{ transform: translate3d(); }

.kkk { color: white !important; }

.dragon-ball { z-index: 9001; }

.titanic { float: none; }

.ikea {display: table}

.biceps { display: flex; }

.michael-jackson { background: rgba(0,0,0,.1); }

moses > #sea {

column-count: 2; }

.turd { float: top; }

.ninja {}

.orion { position:fixed; bottom:0px; }

.orion .success {position: relative; top: 21897214488px; float: right}

Kind of appalled by the amount of tasteless shit in here.

.konami-code {content: "up,up,down,down,left,right,left,right,b,a,start";}

.rich-people {top: 1%;}

.working-class {bottom: 99%;}

.justinbieber { display:none }

http://www.reddit.com/r/web_design/comments/2nxdb8/css_puns_can_you_come_up_with_more/

.beer {float:right, wait no, left, right, right, right, top ?;}

.oliver-queen { cursor: arrow; }

.slimshady { vertical-align: top; }

.protest { color: black; display: block; }

.error { margin: 0; }

.steviewonder { visibility: hidden; }

.sith { position:absolute; }

.universe {margin: auto;}

.hollywood {background: green;}

Note that ghosts are not display:none. They are barely visible and can interact other elements.

http://drbl.in/nafr

.iphone6 { border-radius: 4px }

.narnia { text-align: centaur; }

.leo { transform: matrix(0,1,0,1,0,1); }

.skates { display: inline; }

.twins { flex-grow:1; }

If all items have flex-grow set to 1, every child will set to an equal size inside the container.

.Religion { background: Islam )

Am I the only one who was already using some of these? Little snippet from my global.sass:

Maybe I'm just a huge nerd that should be more semantic.

.britainFirst { border: 9999em solid navy }

style.less

.terrorism {display:none !important;}

Way late to the party but cue drum roll:

.nerd-muscle { display: flex; }

You can get the t-shirt on teespring here: http://teespring.com/css-nerd-muscle-flex-code-pun !

Around this time of year this is a common occurrence...

.glasses-lenses { clear: both; animation: wipe 5s; }

.glasses-lenses:after { image-rendering: optimizeQuality; }

https://dribbble.com/shots/1858859--SteamyGlasses

.harry-potter { cursor: pointer; }

.ingot { color: gold; }

.yomama { width: 999999999999999999999px }

.kim-kardashian { backface-visibility: inherit; }

Thank you guys that was awesome! :D

∗,∗:hover {cursor:none;}

All my faves so far

// http://masey.co/2014/12/css-puns/

.man {width: 500px} .man.partner{width:100%}

.ie-7 { display:inline-block; vertical-align:top; zoom:1; *display: inline; border-radius: 4px; -ms-border-radius: 4px; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#0b71a4', EndColorStr='#025f8e', GradientType=0); }

h666 { bottom: -999999999px }

.imagination { width: auto; height: auto; }