...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" <[email protected]>
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 [email protected]
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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
