html Cómo poner un cuadro en medio de otro cuadro

Los materiales que se deben preparar incluyen: computadora, navegador y editor html.

1. Primero abra el editor html y cree un nuevo archivo html, por ejemplo: index.html.

2. Ingrese el código html en la etiqueta lt;bodygt; de index.html: .

lt;div style="border: 1px solid blue; position: relativo; width : 200px; altura: 80px; "gt;

lt; estilo div="borde: 1px azul sólido: 19px; posición: absoluta; ancho: 100px; lt ;/divgt;

lt;/divgt;

3. El navegador ejecuta la página index.html, con un cuadro en el centro de otro cuadro.