ortada olacak şey





.x{
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
}
hr{
display: inline-block;
width: 100%;
position: absolute;
top: 50%;
margin-top: -1px;
left: 0;
z-index: 1;
}
h1.hr{
display: inline-block;
margin: 0;
padding: 0;
background-color: #FFFFFF;
z-index: 2;
position: relative;
}


Notlar:
.x{} içinde bulunan height: ve line-height: değerlerini değiştirerek yazının yüksekliğini değiştirebilirsiniz (iki değerinde aynı olmasına dikkat edin).
h1.hr{} içinde bulunan background-color: değeri ile sitenizin arkaplan renginin uyumlu olmasına dikkat edin.

Önizleme: