/* Las cabeceras h1, en un color azulado y en mayúsculas */ h1 {color: #0077ff; text-transform: uppercase;} /* El p que está metido dentro de un div, con imagen de fondo */ div p {background: url(fondo.png);} /* El li que es hijo directo del ol, con borde azul */ ol > li {border: 1px solid blue;} /* Los enlaces, un poco más grandes al pasar el ratón */ a:hover {font-size: 120%;} /* Párrafos y listas, con indentación */ p, li {text-indent: 15px;} /* Justo después de una imagen, no indentar */ img + p {text-indent: 0;} /* Las imágenes con class="separa", con un poco de margen */ img.separa {margin: 20px;} /* El bloque div con id="tabla" tiene el fondo rojo, la letra blanca, ocupa el 75% de la pantalla (centrado), y tiene un margen interno */ div#tabla {background: red; color: white; width: 75%; margin: 0 auto; padding: 20px;}