2 oggetti allineati al bottom di un div

[supermac]

so che è una stupidaggine ma non riesco a farlo :-(

Ho due oggetti contenuti in un div.
Il primo è una immagine e il secondo è uno span con del testo.
Devono stare sulla stessa riga, allineati uno a sx e l'altro a dx, quindi il primo col float left e l'altro col float right (fin qua ci sono arrivato)
MA
lo span col testo deve stare allineato al bordo basso dell'immagine e invece a me viene sempre allineato al bordo alto


chejedevodì?

[supermac]

Posto anche un po' di codice (sporchissimo) così magari mi potete cazziare per bene:

.sonoio{
            float:right;
            clear:both;
            text-align:justify;
            background-color:#CCFFCC; 
            border-radius: 6px 0px 6px 6px;
            border:thin solid #333;
            margin:3px;
            padding:6px;
            min-width:60%;
            max-width:90%;
        }
.allimg img{
            max-height:350px;
            max-width:350px;
            border: 3px solid white;
            -webkit-box-shadow:0px 2px 2px #808080;
            -moz-box-shadow:0px 2px 2px #808080;
            box-shadow:0px 2px 2px #808080;
        }
        
<div id="ContentPlaceHolder1_conversazione_bubble_0" class="sonoio">
        <span style="font-size:10px;float:left;">26/02/2015 - inserito da Supermac</span><br>ciapa la galeina<br>
        <span id="ContentPlaceHolder1_conversazione_allegato_0" style="clear:both;float:left;font-size:10px;"><a id="ContentPlaceHolder1_conversazione_HyperLink1_0" class="allimg" href="/public/963/1/documenti/9_Penguins.jpg" target="_blank" style="font-size:10px;"><img src="/public/963/1/documenti/9_Penguins.jpg" alt="vedi file allegato"></a></span>
        <span style="float:right;font-size:10px;margin:3px 0px -4px 3px;">17:10</span>
</div>

Ho bisogno che lo span che contiene l'orario 17:10 si allinei alla base della immagine o anche un filo più in basso (gli avevo dato un margin-bottom -4), invece si piazza sempre allineata allo spigolo alto della immagine.

Grazie (e non sparate sul pianista, che coi css ci litiga tanto ma non riesce a intendersi)

[Experiment8]

Ciao,

per ottenere quell'effetto devi usare posizionamenti assoluti, l'utilizzo che fai tu del margin è sbagliato, nel senso che dare "margin-bottom: -4px" ècome dare "margin-top: 4px", parte sempre dall'alto a sinistra. aggiungi al CSS queste regole:

.sonoio {
    position: relative;
    ...
}

mentre sullo span:

<span style="position: absolute; bottom: 5%; right: 5%; font-size: 10px;">17:10</span>

Gioca poi sulle coordinate per spostare l'orario dove meglio opportuno.
Per il codice ovviamente gli stili inline sarebbero da evitare, ma non sono qui a farti il cazziatone

[supermac]

Magico!