html怎么在横线中间加文字

想问下，html怎么能实现下图的效果呢？谢谢

上面横线用盒子的边框做，文字浮动到线上就ok

 各个

怎么做呢

文字居中，两边加横线效果