un emballage intérieur « div » bien par un extérieur « div »

Question

#main .thumbBorder { 
    background-color: #e1e1e1; 
    padding: 2px; 
    border: solid 1px #cfcfcf; 
    margin: 14px; 
} 

#main .thumbnail { 
    background-image: url('http://images.idealer1.com/getimage/188/4937261.jpg'); 
    height: 125px; 
    width: 188px; 
} 

<div class="thumbBorder"> 
    <div class="thumbnail"> </div> 
</div> 

Quelle serait la bonne façon d'obtenir le div externe thumbBorder pour envelopper étroitement autour du div intérieur thumbnail?

À l'heure actuelle, l'extérieur divthumbBorder s'étend aux limites de l'ensemble de son bloc de contenu externe.

Answer 1

La seule façon de réduire un élément de bloc pour l'adapter à son contenu est de lui donner un float. Si vous avez besoin que le comportement, et ont besoin également du centre, consultez display: inline-block

Answer 2

float: left; 

ou

float: right; 

ou encore

display: inline;