SelenIT

/**
 * CSS2.1 8.3.1 Collapsing margins
 */

div { margin: 50px; background: #000; color: #fff; }
p { margin: 10px 0; background: rgba(128,255,192,.2); }
span {
	float: left;
	background: rgba(255,255,127,.8);
	color: green;

SelenIT

/**
 * Flexible multiline definition lists with 2 lines of CSS
 */

dt, dd { display: inline; margin: 0; }

dd:after {
	content: '\D\A';
	white-space: pre;
}

SelenIT

/**
 * Flexible multiline definition lists with 2 lines of CSS
 */

dt, dd { display: inline; margin: 0; }

dd:after {
	content: '\D\A';
	white-space: pre;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}

SelenIT

/**
 * вываливающиеся маргины
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}