Foros del Web - Ver Mensaje Individual - Alinear un texto a derecha y otro a izquierda dentro de <li>

kseso? · #7 (**permalink**) 26/06/2009, 08:16

Podrías aplicar el contador también a las filas de la tabla, pero si quieres seguir adelante con la idea de presentarlos como una lista numerada, quizás esto te sirva como base:

Código html:

Ver original<!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" lang="es-es">
<head>
<title>listas numeradas</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; position: relative;}
html, body {height: 100%;}
#contenedor {width:948px;;
padding:10px;
margin: 0 auto;
background: red;
overflow: hidden;
}
.sidebar_box {
background:#cdcdc;
padding:10px 10px 10px 10px;
margin-bottom:20px;
}
.lista-clasificacion{
    margin:0px;
    padding: 0px;
    margin-top:.5em;
}
 
.lista-clasificacion li{
  list-style-position: inside;
 
}
 
.lista-clasificacion li span{display: inline-block;
  width: 250px;
  border-bottom:1px dotted #444444;
  line-height: 2em;
  }
</style>
</head>
<body>
<div id="contenedor">
<div class="sidebar_box">
<ol class="lista-clasificacion">
        <li><span>Pepe Ramírez</span><span>15 puntos</span></li>
        <li><span>José Martínez</span><span>5 puntos</span></li>
        <li><span>Pepe Juan</span><span>1 punto</span></li>
</ol></div>
</div>
</body>
</html>

Un saludo