some helpful css that I keep forgetting and looking up so I'm finally saving it here

oocss.css

/* 
  sources: 
  http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
  http://jsfiddle.net/necolas/rZvEF/
*/


/* ----- REUSABLE IMG BLOCK ----- */

.imgblock {
  display:block;
}

.imgblock .img {
    float:left;
    display:block;
    margin:0 5px 0 0;
}

.imgblock .img img {
    display:block;
}

/*
 * 1. Create new block formatting context in modern browsers
 * 2. Avoid shrink-wrap behaviour of table-cell
 * 3. Override for IE6/7
 * 4. Create new block formatting context in IE6/7
 * Alternatively, use `overflow:hidden` if clipping is OK
 * www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 * facebook.com
*/

.imgblock .content {
    display:table-cell; /* 1 */
    width:10000px; /* 2 */
    *width:auto; /* 3 */
    *zoom:1; /* 4 */
}

/* Clearfix */

.cf {
    *zoom:1;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

.nobr {
	white-space: nowrap;
}