allineare tabella al testo

[ilbaro]

Nella pagina volevo allineare una tabella ad una riga di testo, la tabella deve stare alla destra della riga, un pò come si fà con le immagini.

ES: riga di testo |TABELLA|La tabella ho provato in 2 soluzioni:

Codice: [Seleziona]

<div style="margin-top:5px;text-align: justify; border:#666 2px solid; padding:5px 5px 5px 5px; background-color:#f4f4f4">testo dentro tabella<>

Codice: [Seleziona]

[/font][/color]<table style="border: 2px dashed #666666; background-color: #f4f4f4;"><tbody><tr><td style="text-align: justify;"><strong>ABCD</strong></td></tr></tbody></table>
La tabella è semplice ha una sola cella, però non capisco come fare per allinearlo ad un testo esterno, in automatico la tabella viene posizionata o sopra o sotto il testo.

[tonicopi]

devi farla flottare a sinistra ed eventualmente definire una larghezza...
oops, scusa, flottare a destra...

[ilbaro]

Devo aggiungere il comando float: right; ? Ma in che punta va posizionato? A me non funziona?

[giusebos]

inserisci questo div disattivando l'editor

Codice: [Seleziona]

<div id="tabella">
//qui inserisci il codice della tua tabella
</div>
poi nel css principale del tuo template aggiungi:

Codice: [Seleziona]

#tabella {
float:right;
width: 300px;
}
la larghezza del contenitore e quindi della tabella sarà regolata da "width: 300px;", quindi inserisci la dimensione che ti è più congeniale.

in aggiunta potrai aggiungere altri parametri quali margin o padding e colore background.

[ilbaro]

Grazie funziona, però un ultima cosa, in questo modo la "tabella" è tutto a destra, come potrei fare per posizionarla alla fine della riga, diciamo a 30px dall ultima lettera?

[giusebos]

sinceramente non ho capito...