Ver Mensaje Individual
  #5 (permalink)  
Antiguo 23/10/2007, 11:56
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
Re: Iquierda-centro-Derecha en la misma linea

Hola, aquí dejo dos posibles maneras para hacer 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>Ejemplo de paginado</title>
<style type="text/css">
#paginado{
width:770px;
background-color:#ccc;
float:left;}
.paginado-anterior{
display:inline;
text-align:left;
float:left;}
.paginado-centro{
display:inline;
text-align:center;
float:left;
margin-left:90%;
}
.paginado-siguiente{
display:inline;
text-align:right;
float:right;}
#paginado2{
width:770px;
background-color:#fc0;
float:left;}
.centros{
width:33%;
text-align:center;
display:inline;
float:left;}
</style>
</head>

<body>
<div id="paginado">
<p class="paginado-anterior">anterior</p>
<p class="paginado-centro">página</p>
<p class="paginado-siguiente">siguiente</p>
</div>
<div id="paginado2">
<div class="centros"><p>anterior</p></div>
<div class="centros"><p>pagina</p></div>
<div class="centros"><p>siguiente</p></div>
</div>
</body>
</html>