No colocar block elements dentro de inline elements. Los elementos HTML pueden mostrarse en dos formas, en bloque y en línea. Los elementos en bloque (block elements) siempre comienzan con una nueva línea pudiendo contener elementos de linea y elementos de bloque. Y los elementos en línea (inline elements) solo ocupan el espacio necesario para mostrar su contenido y no puede contener otros elementos en en bloque pero sí otros en línea.
Los elementos en bloque incluyen todas esas etiquetas que hacen a la estructura del documento, como los <div>, <blockquote>, <h1>, párrafos entre otros. Los elementos tipo "inline", en cambio, son los que se ponen dentro de los tipo "block", por ejemplo las etiquetas <a> (los links) <span>, <abbr>, <del>, <img>, <strong>, <em>, etcétera. Estos últimos deben ir dentro de los elementos en bloque y nunca de forma inversa.
