Ejemplo 2

									
									
									*{
										margin: 0px;
										padding: 0px;
									}
									header, section, footer, aside, nav, article, figure, figcaption, hgroup{
										display: block;
									}
									h1{
										font:bold 20px verdana, sans-serif;
									}
									h2{
										font:bold 14px verdana, sans-serif;
									}
									body{
										text-align: center;
									}
									#grupo {
										width:90%; /*ancho del contenedor*/
										margin: 15px auto; /*auto=margen superior e inferior*/
										text-align:left; /*text aling se herad, por lo que hay que cambiarlo.*/
									}
									#cabecera{
										background:#fffbb9;
										border: 1px solid #999999;
										padding:20px;
									}
									#menu{
										background:#cccccc;
										padding:5px 15px; /*el primero es superior e inferior, el segundo derecha e izquierda*/
									}
									#menu li{
										display:inline-block;
										list-style: none;
										padding:5px;
										font: bold 14px verdana, sans-serif;
									}
									#seccion{
										width:70%;
										margin:10px;
										float:left;
									}
									#columna{
										width:20%;
										margin:20px 0px;
										float:right;
										padding:20px;
										background:#cccccc;
									}
									#pie{
										clear:both;
										background: #cccccc;
										text-align:center;
										padding: 15px;
										border-top: 2px solid #999999;
										}
									article{
										background:#fffbb9;
										border:1px solid #999999;
										padding: 20px;
										margin-bottom: 15px;	
									}
									article footer{
										text-align:right;
									}
									figcaption{
										font:italic 14px verdana,sans-serif;
									}