css arka plan rengi metinlere kadar uzuyor mu?

Question

nasıl kendi üst div genişliğine genişletmek etmeyen bir metnin arka plan rengini ayarlamak ki? Ben h1{background color:white;} kullanılan ve istediğim metnin etrafında h1 sarılmış, ancak beyaz arka plan sadece metnin ötesine uzanır. Neredeyse kelimeleri vurgulamak gibi.

Answer 1

h1 bir blok öğesidir, bu nedenle, kullanılabilir tüm alanı kullanacaktır. Yalnızca kullanmak için çok genişliği, satır içi bu öğeyi değiştirmek

h1 { 
    display: inline; 
    background-color: white; 
} 

http://jsfiddle.net/wxNQR/

Answer 2

sorun h1 blok düzeyinde elementtir ve varsayılan olarak blok seviyesi elemanları ana elemanın mevcut tüm genişliğini doldurmak için genişletmek olacaktır.

h1 { 
    background-color: white; 
    float: left; 
} 

o başlık elemanı yuvarlak akış kalmaması Daha sonra, aşağıdaki paragrafı stil gerekir:

bu çözmek için en kolay yolu float için unsurdur

p { 
    clear: left; 
} 

rahat aşağıda IE7 ve destekleyici değil, doğrudan h1 elemanları sonra sadece p elemanları böylece tarz olacaktır, böylece bu seçim daha derli toplu yapmak bitişik kardeş seçicisi kullanabilirsiniz:

h1 + p { 
    clear: left; 
}