Satır içi bloklu/taşlanmış bir üstbilgiyi fazladan işaretleme olmadan nasıl merkezlerim?

Question

'un numaralı olması gereken genişlikli bir üstbilgi başlığım var, metin kadar geniş (arka plana sahip olmayan) bir arka plan rengine sahip. Bunu yapmayı düşünebilmemin tek yolu (fazladan işaretleme olmadan) ekranı satır içi bloğa veya sola kaydırmaktır. Sorun şu ki, başlığı (başka bir gereksinim) ortalayamıyorum.

Şimdiye kadar elde ettiğim en yakın nokta, position: relative; değerini yüzer bir başlığa ayarlayarak,% 50'yi soldan iterek ve ardından% 25'i negatif kenar boşluğuyla geri çekerek, ancak bu, sürekli olarak başlığını ortalamıyor. Belgenin akışında kalmalıdır, böylece position: absolute; başka bir no-godır. CSS ile sadece kullanarak bunu yapmanın bir yolu farkında değilseniz

hiçbir ekstra biçimlendirme bana (ben IE7 desteği hakkında koruma değilim sözde elemanları gayet) bildirin lütfen!

Answer 1

Ekranı kullanarak çözüldü: tablo; başlıkta (kenar boşluğunda: 0 otomatik;).

Answer 2

İster küresel arrtibute & olarak body için text-align:center; verebileceğiniz header div'e display:inline-block verir.

CSS: Yani, böyle center içinde dynamic width ortalamak var benim biçimlendirme gibi

body{margin:0; padding:0;text-align:center} 
p{text-align:left;} 
.header{background:red;display:inline-block;} 

Kontrol Bu örnek http://jsfiddle.net/vpcXS/

Answer 3

merkezi ile p etiketini değiştirmek

<div id="header"> 
    <center>hello</center> 
</div> 

ve CSS,

body{ 
    width:100%; 
} 
#header{ 
    text-align:center; 
} 
#header center{ 
    display:inline-block; 
    background:red; 
}