Come scrivere due parole ai lati opposti in css? | Stampa

Salve,
ho un facile problema che presenta molte possibili soluzioni e volevo valutare qual'era la più indicata.

Il problema è mettere in una stessa riga di testo due parole, per esempio possiamo immaginare avanti e indietro.

Indietro deve stare sulla sinistra della riga con un margine sinistro di 50 e avanti deve invece stare a destra con un margine destro di 50.

L'una deve essere indipendente dall'altra, cioè se io cancello la parola indietro, la parola avanti non deve subire variazioni.

Immagino ci siano diverse possibilità per fare questo, fra DIV, span e tabelle... ma qual'è la soluzione più semplice e leggera, magari preferendo il css e che sia compatibile con tutti i browser?

Grazie a tutti.

__________________
Mai visto idee regalo così? (gift ideas in inglese, geschenkideen in tedesco o idée cadeau in francese)

ciao...
mi ero "perso" questa discussione... non so se hai già risolto, comunque ti dico la mia.

ti conviene fare un BOX contenitore ad esempio con una DIV...e poi al suo interno mettere due BOX in modalità FLOAT. (così almeno eviti l'uso della tabella per queste cose.)

una cosa del tipo:

codice html:

codice HTML:

---

<div id="box_avantiindietro">
        <div id="box_indietro"><< INDIETRO</div>
        <div id="box_avanti">AVANTI >></div>
</div>

---

codice css:

codice HTML:

---

#box_avantiindietro {
        margin:0px;
        padding:0px;
        width:100%;
        float:left;
        clear:both;
        font:normal 12px Arial, Helvetica, sans-serif;
        color:#000000;
        white-space:nowrap;
        text-align:center;
}
#box_indietro {
        margin:0px 5px 0px 0px;
        padding:0px;
        border-right:1px solid #000000;
        width:49%;
        float:left;
        font:bold 12px Arial, Helvetica, sans-serif;
        color:#000000;
        text-align:left;
}
#box_avanti {
        margin:0px 0px 0px 5px;
        padding:0px;
        border-left:1px solid #000000;
        width:49%;
        float:left;
        font:bold 12px Arial, Helvetica, sans-serif;
        color:#000000;
        text-align:right;
}

---

ZAO

E infatti avevo già risolto, ma proprio nella maniera che mi hai indicato tu!
grazie
ciao

Quote:

---

Originariamente inviato da ghisirds

E infatti avevo già risolto, ma proprio nella maniera che mi hai indicato tu!
grazie
ciao

---

Meglio così allora! :smt052


ciao :smt024