salve a tutti,
sto avendo dei problemi con una serie di elementi posizionati tramite "float".

Sono riuscito ad avere una visualizzazione che mi piace, eccola qua:


fin qua tutto ok.
il problema viene quando il testo della descrizione è più corto di quello postato.
il tutto mi si sballa verso sinistra:


ma alziamo il coefficiente di difficoltà.
questa pagina non l'ho creata io direttamente, ma viene generata da un componente.
per cui io posso operare solamente sotto due aspetti:

1- i fogli di stile
2- l'ordine in cui devono essere creati i vari elementi

più di questo non posso fare (o meglio, devo andare a mettere le mani sul core del componente. non è un problema, ma mi serve sapere esattamente cosa aggiungere).

vi posto i fogli di stile (le classi/id sono riportati nella prima immagine)

codice:
#descr {
float:left;
margin-top:-18px;
width:400px;
}

#payout {
float:right;
font-weight:bold;
width:150px;
}

#pagamenti {
border:1px solid;
float:right;
margin-left:5px;
margin-top:15px;
padding:0 0 5px 5px;
width:150px;
}

#tipi_pagamento {
border:1px solid;
float:right;
margin-left:5px;
margin-top:20px;
padding:0 0 5px 5px;
width:150px;
}

#reflink {
float:left;
width:500px;
}
bè se siete riuscite ad arrivare fino in fondo complimenti.
grazie a tutti in anticipo