marcolago

/**
 * WIP: Magazine like unordered list inline-block version
 */

* {
	padding: 0;
	margin: 0;
}
body {
	font-family: verdana, sans-serif;

marcolago

/**
 * WIP: Magazine like unordered list inline-block version
 */


* {
	padding: 0;
	margin: 0;
}

marcolago

/**
 * Horizontal gallery without explicit container width
 * made with inline-block and box (flex) values for display properties
 */
 
.super-container {
	width: 50%;
	overflow-x: auto;
}

marcolago

/**
 * Test: Overflow Visible, floats and other layout stuff
 */

.column-wide {
	width: 400px;
	height: 600px;
	float: left;
	overflow: visible;
	background-color: #ffff00;

marcolago

/* forza il comportamento inline per i figli di .navControl per sicurezza
ho preferito usare span invece che label perché la semantica qui non deve esserci,
la cosa è funzionale e applicativa secondo me*/
.navControl div, .navControl span, .navControl img {
	display: inline;
	vertical-align: middle;
}

.navControl {
	height: 96px;

marcolago

/**
* A fun exercise brought to you by HTeuMeuLeu: the marcolago's solution
* http://www.hteumeuleu.fr
* http://www.hteumeuleu.fr/a-css-brain-teaser/
* http://www.twitter.com/HTeuMeuLeu
*/

body { padding:50px; background:#2fa7ca; }
h1 { font:bold 36px sans-serif; letter-spacing:-1px; color:#000; }

marcolago

/**
* A fun exercise brought to you by HTeuMeuLeu. The Alpha Variation
* http://www.hteumeuleu.fr
* http://www.hteumeuleu.fr/a-css-brain-teaser/
* http://www.twitter.com/HTeuMeuLeu
*/

body { padding:50px; background:#2fa7ca; }

header {

marcolago

/**
 * Display inline-block menu demo
 */

* { margin: 0; }

ul{
	text-align: center;
}

marcolago

/**
 * Magazine like unordered list
 */


* {
	padding: 0;
	margin: 0;
}
body {