Hola estuve tratando de realizar por mi cuenta un ejemplo como el de ustedes. El problema es que quiero que las dos divs con id=textoc de mi codigo se vean una al lado de la otra, pero no logro hacerlo. Aqui les dejo el codigo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#contenedor{
text-align: left;
width: 700px;
background-color : #ffffff;
margin: auto;
}
#cabecera{
height : 106px;
width: 700px;
background-color:#000033
}
#enlaces{
background-color:#000000;
color:#FFFFFF;}
#cuerpo{
width:500px;
margin:10px;
padding:5px;
}
.textof{
background:url(expandamercado.gif);
background-repeat:no-repeat;
padding-left:140px;
}
.textoc{
top:533px;
width:100px;
}
#lateral{
width:100px;
margin:10px;
padding:5px;
float:right;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="enlaces">
Pafina principal Quienes somos Chau
</div>
<div id="cuerpo">
<h1> Titulo </h1>
<div>
<p class="textof">fsdfs sdfds fsd fs dfds f<br />
<br />
porque escuchamos a nuestros clientes<br />
porqdjaskdjas das dkjashd ska<br /><br />
fsdfsdfdsfsdfdsfsf fds fsd fsd fds fds fdsfds fsdk fsdfsdfsfds<br />
<br />
</p>
</div>
<div>
<p class="textof">fs df sdfsdf ds fdsfdsf sd fsdfsd fsdfs dfss ds<br />
<br />
porque escuchamos a nuestros clientes<br />
porqdjaskdjas das dkjashd ska<br /><br />
fsdfsdfdsfsdfdsfsf fds fsd fsd fds fds fdsfds fsdk fsdfsdfsfds<br />
<br />
</p>
</div>
<div class="textoc">
<p> dasd as das dasd as
</p>
</div>
<div class="textoc">
<p> dasd as das dasd as
</p>
</div>
</div>
</div>
</body>
</html>
Valoración del artículo:
Usuarios: 
