css allineamento

[floyd]

ho un div largo boh (dipende da dove lo metto)
devo metterci sulla stessa riga un testo di larghezza variabile e una X allineata a destra con un onclick che chiude il div
ho fatto con due span, per il testo e per la X
ma mi sembra difficile stabilire che lo span con la X deve stare sul margine destro del div
voi come fareste senza usare tabelle? :master:

[thomas_anderson]

<div id="boxFloyd">
 


  [img]x.gif[/img]
  Est floyd acerrimus victor against the machine...
  ehhhhhhhh, amigo mio Charlie Brown, Charlie Brown... 
[omissis]
  </p>
</div>

#floydBox {
  margin: x;
  padding: x;
  background: #f5f5e5;
  color: #000;
  border: 2px solid;
  border-color: #ccc #aaa #aaa #ccc;
  font: 100%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.unax {
  float: left;
  width: x;
  height: x;
  margin-right: 8px;
  margin-bottom: 5px;
  display: block;
}

Questo se devi mettere più testo. Comunque per usare il float ricordati che i due blocchi devono avere display: block; ed una larghezza dichiarata.