1
Aprender a programar desde cero / mover texto fuera de un bloque por ambos lados en css
« en: 02 de Septiembre 2014, 00:27 »
quisiera saber ¿cómo puedo hacer que el texto del bloque 1 pueda salir por ambos extremos de su borde delimitado?
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Curso desarrollo aplicaciones móbiles</title>
<meta charset="utf-8">
<style type="text/css">
*{font-family:arial;}
body{width:800px; border-style:solid; border-color:#DCDCDC; border-width:15px; background-color:#FFAF0; margin:250px 0 0 500px;}
div{margin:15px;}
#cabecera{border-color:red; background-color:#696969; margin:0 15px 15px 15px;}
h1{color:#FF0000; position:relative; left:15px; top:10px;}
h4{color:#F8F8FF; position:relative; left:15px; bottom:15px;}
#columna{width:200px; background-color:#808080; float:right; margin:0 15px 15px 15px;}
#texto{width:550px; margin:15px; padding:3px; background-color:#DCDCDC;}
#bloque{border-style:dotted; border-color:#F8F8FF; border-width:5px; margin:15px; padding:0;}
#pie{border-color:blue; background-color:#696969; color:#F8F8FF; padding:3px;}
#parrafo{position:relative; left:15px;}
</style>
</head>
<body>
<div id="cabecera">
<h1>CABECERA</h2>
<h4>Subtítulo de la cabecera</h3>
</div>
<div id="columna">
<p id="parrafo">Esta es la columna de la derecha</p>
</div>
<div id="texto">
<p id="bloque">Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.Esto es Bloque 1.</p>
<p id="bloque">Esto es Bloque 2</p>
</div>
<div id="pie">
<p id="parrafo">Esto es el pie de página</p>
</div>
</body>
</html>