Creando contenido Parte 3 - main - aside - izq

Aquí tenemos tres partes, una central <article> y dos laterales <aside>

<aside> es una columna que contiene información menos relevante y va a los lados de la principal.

En nuestro <aside> “lado_izquierda vamos a poner un reloj con la hora local.

Vamos a la siguiente dirección web https://www.zeitverschiebung.net/es/

Seleccionamos España.

Seleccionamos Madrid.

Seleccionamos el código html y lo copiamos.

Y lo pegamos en el <aside> “lado_izquierda”

Vemos que el código nos lo pone todo en una línea, si pulsamos Alt + Shift + F

Nos lo acomoda a la pantalla y ajusta las tabulaciones.

Veamos cómo nos queda.

Le ponemos un borde para delimitarlo mejor, vemos que el código html que hemos pegado lleva etiquetas <style> esto quiere decir que los estilos están en el propio código, no en una hoja aparte.

Aquí le añadimos

border:1px solid #000;

border-radius: 20px;