Cita:
Iniciado por Al Zuwaga 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 {
float: left;
text-align: left;
font-weight: bold;
width: 49%;
}
p.row span.right {
float: right;
text-align: right;
font-weight: bold;
width: 49%;
}
p.home span.left {
float: left;
text-align: left;
font-weight: bold;
width: 300px;
Border-bottom: 1px solid #050A1D;
Color: #ccc;
Margin: 6px 0px;
Padding: 0px;
display:inline;
}
p.home span.right {
float: right;
text-align: right;
font-weight: bold;
width: 300px;
Border-bottom: 1px solid #050A1D;
Color: #999;
Margin: 6px 0px;
Padding: 0px;
display:inline;
}
</style>
</head>
<body>
<div style="width:600px">
<p class="home"><span class="left">titulo</span> <span class="right">titulo2</span></h3>
<p class="row"><span class="left">Home > Products</span> <span class="right">[logo]</span></p>
<p class="row"><span class="left">Home > Products</span> <span class="right">[logo]</span></p>
<p class="row"><span class="left">Home > Products</span> <span class="right">[logo]</span></p>
</body>
</div>
</html>