html - 如何在html中获取直线上的文本和行

Question

如何在一条直线上得到一条线，文字然后一条线？

code .这是我的 html 的 jsfiddle。我使用内联属性使它们显示在一条直线上。但它们不会改变。

如何使它们看起来像

---------------------- About Me ---------------------
(^^dotted line above should actually be single line.)

Answer 1

使用这个 -

#about_me1 hr, #about_me1 h3{
    display: inline-block;
    vertical-align: middle; 
}

这是更新的 Fiddle