CSS - problema con div.

Necesito ayuda por favor. Justo estoy empezando con CSS ( años atras hice html...) y me estoy desquiciando con un div y su tamaño. No sé porque me lo hace rectangular, cuando width y heght, son ambos del mismo tamaño. No tiene logica.
El código css de div es:
div{
width: 10em;
height: 10em;
background-color: blue;
}

Adjunto foto de la pagina.
Gracias

A simple vista se ve del doble del tamaño, puede ser que tengas
Tu estilo se aplica a todos los elementos div.
Usa el inspector.

Gracias por tu ayuda Alejandro. Te adjunto codigo html. Acabo de inspeccionar y me aparece un div en inspector, que en el código html no me aparece. No entiendo nada.

Pareciera que tienes una exención que te inyecta ese código.
Puedes deshabilitara o asignar una clase o id al dív especifico que quieres aplicar las reglas.

Muchísimas gracias Alejandro. Pues si, me tocará designar un div class,, Igualmente trataré de investigar que extensión puede ser, porque hasta ahora nunca me había pasado y había usado Div...
Muchas gracias por tu tiempo , un saludo.

Me parece que es Loom.

Si, eso he visto, que lo tenía de extensión en chrome....lo que no entiendo es como llegó a meterse en visual studio code...En fin... Igualmente decir que he creado un HTML nuevo y ya no me pasa...
Gracias de nuevo Alejandro.