Ortada bir metin ile yatay bir çizgi yapmaya çalışıyorum. Örneğin:

----------------------------------- benim Başlığı buraya -----------------------------

Bir şekilde CSS bunun için var mı? Tüm "-" belli ki. tire olmadan

bu ben ne yapardım kabaca: h2 içeren border-bottom h2 ayar vererek oluşturduğu bir satır daha küçük line-height. Metin daha sonra şeffaf olmayan bir arka plan ile span Bir iç içe konur.

HTML:

<h2><span>THIS IS A TEST</span></h2>
<p>this is some content other</p>

CSS:

h2 {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #000; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

h2 span { 
    background:#fff; 
    padding:0 10px; 
}

Krom tek test ettim ama diğer tarayıcılarda işe yaramaması nedeni var.

JSFiddle: http://jsfiddle.net/7jGHS/