label linebreaking - tüm div boyunca yayılmalıdır

Question

Adında bir CSS sınıfı var. Örnekteki Etiketim (Açıklık) "Çok Memnun". Genişlik yüzdesi düşükse (yani:% 5), etiket çizgisi bar18.png grafiğinin ötesine geçmek yerine, Etiket satırı kırılır (Örnek: Çok [linebreak] Memnuniyetsiz).

CSS:

.bar { 
background: transparent url(bar18.png) repeat-x top left; 
float: left; 
clear: left; 
height: 30px; 
} 

.bar span{ 
font-size: 12px; 
font-weight: bold; 
color: #000; 
float: left; 
margin-left: 5px; 
margin-top: 7px; 
} 

HTML:

<div class="bar" style="width:8%;"> 
    <span>Very Dissatisfied</span> 
</div> 
<div class="p"> 
    <span>(1) 8%</span> 
</div> 

Answer 1

bu deneyin:

span{margin-left:20%} 
.bar { 
background: transparent url(bar18.png) repeat-x top left; 
float: left; 
clear: left; 
height: 30px; 
} 

.bar span{ 
font-size: 12px; 
font-weight: bold; 
color: #000; 
float: left; 
margin-left: 5px; 
margin-top: 7px; 
white-space: nowrap; 
}