Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/12/2006, 17:53
zsamer
 
Fecha de Ingreso: noviembre-2003
Mensajes: 798
Antigüedad: 20 años, 4 meses
Puntos: 8
Re: alinear 2 texto uno a la derecha y otro a la izquierda dentro de una linea

Cita:
Iniciado por Al Zuwaga Ver Mensaje
probá algo así:

span.derecha{
display: block;
float: right
}

span.izquierda{
display: block;
float: left
}
gracias funciona muy bien.

tambien se me ocurrió hacer lo siguiente y también funciona de maravilla:

Código PHP:
<!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>
<
title>footerStick Footer sticks to bottom of page</title>

<
style type="text/css">
p.row span.left {
  
floatleft;
  
text-alignleft;
  
font-weightbold;
  
width49%;
  }

p.row span.right {
  
floatright;
  
text-alignright;
  
font-weightbold;
  
width49%;
  }

p.home span.left {
  
floatleft;
  
text-alignleft;
  
font-weightbold;
  
width300px;
  
Border-bottom1px solid #050A1D;
  
Color#ccc;
  
Margin6px 0px;
  
Padding0px;
  
display:inline;
  }

p.home span.right {
  
floatright;
  
text-alignright;
  
font-weightbold;
  
width300px;
  
Border-bottom1px solid #050A1D;
  
Color#999;
  
Margin6px 0px;
  
Padding0px;
  
display:inline;
  }
  
</
style>

</
head>

<
body>
<
div style="width:600px">
<
class="home"><span class="left">titulo</span> <span class="right">titulo2</span></h3>
<
class="row"><span class="left">Home Products</span> <span class="right">[logo]</span></p>
<
class="row"><span class="left">Home Products</span> <span class="right">[logo]</span></p>
<
class="row"><span class="left">Home Products</span> <span class="right">[logo]</span></p>
</
body>
</
div>
</
html