Header y nav

[Rafael]

Hola. Llego un poco tarde pero hago unos comentarios.

¿Un div llamado Cabecera, para meter dentro el header?

No tiene mucho sentido, la lógica de estructura no creo que vaya por ahí.

1) Tienes un header. Dentro pueden ir otras cosas. El header es un elemento de bloque y de los principales.

2) Un nav también es un elemento de caja como todo. Está bien usar el float, peeeeero en lo personal yo trato de evitarlo totalmente. Trato de usar mejor inline-block. Con estas dos premisas queda:

Código HTML:

<header>
      <img src="Logo.png">
         <nav>
 
      </nav>
 </header>
 

Y el css

Código CSS:

header > img, header > nav {
   dislpay: inline-block; 
      vertical-align:top;}
 

Y ya el alineado será con vertical-align, o middle o bottom a escojer. Puedes jugar con márgenes también.

Prueba esto https://jsfiddle.net/ba5b68h3/1/:

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;