Deux divs flottants, un avec la largeur fixe

Question

voici mon affaire. Je veux que deux divs soient côte à côte. La gauche contient le texte et le droit contient l'image. Le droit doit être fixe largeur. J'ai suivi la solution d'une question précédente (la différence était que dans ce cas le div gauche était de largeur fixe) et ça ne marche pas pour moi.

Voici le HTML (les deux divs sont en gras écrit - Vsebina en icône):

<div class="background"> 
    <div class="content"> 
    <div class="leftCol"> 
     <div id="Storitve"> 
     <div class="contentBox"> 
      <div class="contentBoxLeft"> 
      <div class="title">Vzdrževanje</div> 
      </div> 
      <div class="contentBoxRight"> 
      <div class="vsebina"> 
      </div> 
      <div class="icon"> 
      </div> 
      </div> 
     </div 
     </div> 
    </div> 
    <div class="rightCol"> 
    </div> 
    <div class="clear"> </div> 
</div> 
<div class="clear"> </div> 
</div> 

Voici le CSS:

.vsebina {background-color:#876392;} 
    .icon {background-color:#872472; width:150px; float:right; height:auto;} 

thx pour toute aide! Uros

Answer 1

essayer

display:inline-block; 
float:left; 

à gauche div

Answer 2

Essayez ceci:

.vsebina 
{ 
    background-color: #876392; 
    float: left; 
} 
.icon 
{ 
    background-color: #872472; 
    width: 150px; 
    float: left; 
    height: auto; 
}