...BINGO!!!

Lo resolví así:

<style>
.indices {display: block; float: left; width: 10px}
.marginado {margin-left: 30px}
</style>

<span class="indices">a1</span> <span class="marginado">Bananas.</span> <br>
<span class="indices">a2</span> <span class="marginado">Tomates.</span> <br>
<span class="indices">a3</span> <span class="marginado">Peras.</span> <br>
<span class="indices">a4</span> <span class="marginado">Melones.</span> <br>
<span class="indices">a5</span> <span class="marginado">Mandarinas.</span> 
<br>

Y quedó "PERFECTO".

Pero fíjate qué sucede cuando a ".indices" le aplico: "border: 1px solid 
red". ¡MAGIA!
(¿O Bugs? je je je...)

De todos modos... ¡Muchas gracias!

A.V.W.
----- Original Message ----- 
From: "LISTAS" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Monday, July 09, 2007 3:23 PM
Subject: [Ovillo] Distanciar frases en línea según parámetros.


Tengo esta lista:

a1      Bananas.
a2      Tomates.
a3      Peras.
a4      Melones.
a5      Mandarinas.
etc....

Y quiero que las segundas palabras estén a una distancia de 50px con
respecto a las primeras.
Lo quiero hacer "sin tablas". ¿Cómo es posible eso?
Probé:

<style>
.indices {display: inline; width: 50px}
</style>

<div class="indices">a1</div>Bananas.<br>
<div class="indices">a2</div>Tomates.<br>
[Etc.]

Pero no sucede lo esperado. ¿Cuál es el truco?

A.V.W.

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a