Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/12/2006, 21:21
Avatar de kahlito
kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 1 mes
Puntos: 65
Mensaje Re: Texto en div a derecha e izquierda.

Hola Tony, prueba con algo así:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alineando</title>
<style type="text/css">
#contenido {
    text-align:justify;
    background: #fefefe;
    width:520px;
    float:left;
    margin-bottom:10px;
    padding: 5px;
    border: #c4c4c4 solid 1px;
    font-family: Verdana, "Times New Roman", Times, serif;
    font-size: 9pt;
    color: #000000;
    }
#contenido h1 {
    padding-left:15px;
    width:auto;
    font-family: Verdana, "Times New Roman", Times, serif;
    font-size:18px;
    color: #105BAC;
    font-weight: normal;
}
#titulo {
    border: #c4c4c4 solid 1px;
   	width:520px;
	height:30px;
	margin-bottom:5px;
}
.izqda {
    display:inline;
    float:left;
	margin:3px;
	}
.dcha {
    display:inline;
    float:right;
	margin:3px;
}
.cuerpo{
    clear:both;
     border: #c4c4c4 solid 1px;} 
</style>
</head>

<body>
<div id=contenido>
<div id=titulo>
<h1 class=izqda>Lorem Ipsum
</h1>
<img src="imagen.igf" width="90" height="20" class="dcha">
</div>
<div class=cuerpo>
The following text consists of a mock Latin which has been based upon the
average frequency of characters and word lengths of the English language in
 order to reproduce a reasonably accurate overall visual impression. Lorem 
ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy eiusmod 
tempor incidunt ut labore et dolore magna aliquam erat volupat.
</div>
</div>
</body>
</html> 
Saludosss