* { padding: 0; margin : 0; } body{ background:#255559; /*color de fondo*/ } header, .main, footer{ /*tamaño y posición de la cabecera*/ width:90%; max-width:1000px; margin :20px auto; } header nav { background: #528fd5; /*color de cabecera*/ overflow: hidden; } header nav ul{ list-style:none; } header nav ul li { /*posición del texto en cabecera*/ float:left; } header ul li a { padding:10px 20px; display:block; text-decoration:none; color:#fff; /*color de texto del menú*/ } color:#D7D7D7; header ul li a:hover { background:#75acec; /*color de transición de opciones*/ } .main .articule{ /*alineación del articulo*/ margin-right:1.5%; width:68.5%; float:left; } .main .articule article{ padding:20px; background:#75acec; margin-bottom:20px; } aside{ width:30% ; background:#ff8000; /*color de fondo en articulo*/ float:left; box-sizing:border-box; } footer{ background:#000; /*color de fondo en pie de página*/ color:#fff; /*color de texto en pie de página*/ clear:both; padding:10px 0px ; text-align:center; /*alineación de texto*/ }