HTML Yatay Çizgi Yapabilecek

Merhaba arkadaşlar html5 sayfa tasarımı yapıyorum aralık olmadığı için anasayfadaki menüler birleşik duruyor buda görüntü açısından pek hoş durmuyor < HR> etiketi harici istediğim aşağıdaki resim gibi oluşturabilcek veya bulabileceğim yer varmı acaba



örnek olarak şöyle bu tarz istiyorum yardımcı olursanız sevinirim

en basitinden div açarsanız ona css ile height, width ve background değeri verirsiniz. Daha sonra onun altına da icon için bir div açarsanız ve gerekli ayarları yapabilirsiniz.

Basit olarak şöyle yapabilirsiniz. http://jsfiddle.net/qqs6a11q/

teşekkür ederim ilginiz için deniyorum