Cuadro de texto.

xxfacundo · #1 (**permalink**) 14/02/2012, 07:58

Hola amigos, soy novato y vengo aprendiendo, el tema es que me demoro mucho con la informacion de librosweb, bueno mi duda es, quiero hacer una web con fondo gris, y en el medio un cuadro blanco flotando, y alli escribir lo que tenga que escribir.

¿Como se puede hacer?

Gracias

cqg2509 · #2 (**permalink**) 14/02/2012, 09:57

Hola xxfacundo,
esto es lo que se me ocurre:

Código HTML:

Ver original<HTML>
<HEAD>
<STYLE TYPE="text/css">
body 
{
text-align: center;
margin: 0 auto;
background-color: grey;
}
 
#cuadroblanco
{
position: relative;
margin: 18% auto;
text-align: left;
width: 200px;
height: 200px;
background-color: white;
}
</STYLE>
</HEAD>
<BODY>
<DIV ID="cuadroblanco">
Texto...
</DIV>
</BODY>
</HTML>

Con el margin: 18% auto; en el #cuadroblanco lo subes o lo bajas. Con el 18% o 20% está más o menos en la mitad de la pantalla.

Saludos!!

xxfacundo · #3 (**permalink**) 14/02/2012, 22:20

Perfecto ;)