Tema: Recuadro css
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/12/2014, 12:03
Avatar de ruizinho
ruizinho
 
Fecha de Ingreso: noviembre-2012
Ubicación: Granada
Mensajes: 68
Antigüedad: 12 años
Puntos: 2
Respuesta: Recuadro css

Hola, aquí tienes un ejemplo simple, supongo que con esto tendrás suficiente para hacerlo:

Archivo HTML:

Código HTML:
<!DOCTYPE HTML>

<html lang="es">
<head>
     <title>Prueba</title>

<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />

<link href="style.css" rel="stylesheet" type="text/css" />

  
</head>
<body>

	<div id="container">
		<div id="titulo"><span>Este es el titulo</span></div>
		<div id="recuadro">
			<span>Este es el recuadro con tus bordes</span>
		</div>
	</div>

</body> 

Archivo CSS:

Código:
body{
	width: 100%;

}

#container{
	width: 100%;

}

#titulo{
	float: left;
	width: 75%;


}

#titulo span{
	float: right;
}

#recuadro{
	float: left;
	width: 75%;
	height: 300px;

	border: 2px solid #000;
	
}

Te adjunto una foto para que lo veas:



Bueno, aver si te sirve...
__________________
Instalaciones Técnicas Ruiz