![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
23/12/2011, 18:32
|
![Avatar de GAST0N](http://static.forosdelweb.com/customavatars/avatar364747_2.gif) | | | Fecha de Ingreso: agosto-2010 Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 14 años, 6 meses Puntos: 64 | |
Respuesta: Como hacer esto en HTML y CSS eso no son listas
las listas son
ej: listas desordenadas
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
etc etc Cita:
Iniciado por okvic77 Algo así pero no me sale
Código:
<html>
<head>
<style type="text/css">
.contenedor {
font-size: 23px;
height: 100px;
width: 700px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
.numero {
float: right;
left: 350px;
}
.ciudad {
float: left;
bottom: 0px;
}
.min {
float: right;
bottom: 0px;
left: 0px;
}
.serie {
float: left;
top: 0px;
position: relative;
}
</style>
</head>
</html>
<body>
<div class="contenedor">
<div class="serie">A100000232423</div>
<div class="numero">3515470123</div>
<div class="ciudad">Zamora</div>
<div class="min">0612436535</div>
</div>
<div class="contenedor">
<div class="serie">A100000232423</div>
<div class="numero">3515470123</div>
<div class="ciudad">Zamora</div>
<div class="min">0612436535</div>
</div>
<div class="contenedor">
<div class="serie">A100000232423</div>
<div class="numero">3515470123</div>
<div class="ciudad">Zamora</div>
<div class="min">0612436535</div>
</div>
<div class="contenedor">
<div class="serie">A100000232423</div>
<div class="numero">3515470123</div>
<div class="ciudad">Zamora</div>
<div class="min">0612436535</div>
</div>
</body></html>
|