Alinear palabras en una misma linea

juandedios · #1 (**permalink**) 14/01/2009, 11:59

Saludos, lo que quiero hacer, de seguro que es facil, pero no le hallo como. Tengo un <div> este tiene un width, vamos a decir de unos 200px, dentro de este div quiero poner un texto, lo hago con <p> y alineado a la derecha en la misma linea quiero poner otro texto, como hago eso?

yosoyraro · #2 (**permalink**) 14/01/2009, 12:25

has probado de poner el otro texto en otras etiquetas <p>?

juandedios · #3 (**permalink**) 14/01/2009, 12:31

se va para abajo y yo lo quiero en la misma linea pero alineado a la derecha

willyfc · #4 (**permalink**) 14/01/2009, 12:39

y por que tan solo no creas dos clase para eso?

Código:

#cont{width:300px; height:auto; display:table; border:1px solid #000;}
.contenido{ width:130px; height:auto;padding:10px; float:left; text-align:justify;}
p{text-indent:1cm}
.clear{clear:both}

Código HTML:

<div id="cont">
	<div class="contenido">
		<p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto te</p>
	</div>
	<div class="contenido">
	  <p>texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto text </p>
    </div>
	<div class="clear"></div>
</div>

ssclamp · #5 (**permalink**) 14/01/2009, 19:47

Creo qu es esto lo que necesitas:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Texto en caja, left y right misma línea</title>
<style type="text/css">
#caja {
	width: 200px;
	height: 25px;
	border: 1px solid #C0C0C0;
}
#texto-uno {
	float: left;
	line-height: 25px;
}
#texto-dos {
	float: right;
	line-height: 25px;
}
</style>
</head>

<body>
<div id="caja">
	<div id="texto-uno">texto 1</div>
	<div id="texto-dos">texto 2</div>
</div>
</body>

</html>

Saludos

juandedios · #6 (**permalink**) 15/01/2009, 05:48

Eso mismo era ssclamp, muchas gracias.