Buongiorno,
ho un contenitore nel quale deve stare un'immagine (a sinistra) circondata da testo.
Tutto il contenitore (che ha uno sfondo) deve espandersi in altezza relativamente al suo contenuto, quindi indipendentemente dal fatto che l'immagine risulti più alta del blocco di testo o viceversa.
Invece, sebbene il testo circondi corretamente l'immagine, il contenitore con il suo sfondo segue solo lo spazio occupato dal testo e ignora l'altezza dell'immagine che se è più alta del blocco di testo può uscire dallo sfondo.
Ho provato anche a mettere l'immagine in un DIV classe .AllineaSinistra ma non sembra funzionare.
Se metto display:inline-block alla classe .Contenitore sembra funzionare, ma il contenitore sbaglia larghezza quando contiene solo testo.
Dove ho sbagliato?
Grazie mille

codice HTML:
        <div class="Contenitore">
            <img src="images/test.jpg"/ class="AllineaSinistra">
            testo..........
       </div>
   
codice:
.Contenitore
{
    position:relative;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 130px;
    margin-right: 10%;
    background-color: rgba(255,255,255,0.6);
}
.AllineaSinistra
{
    float:left;
    padding-right:10px;
    padding-bottom:10px;
    width: 30%;
}