<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>中间文字，两边横线</title> <style> .header { width: 400px; height: 36px; line-height: 36px; border: 1px solid #00bc12; text-align: center; } .line { display: inline-block; width: 100px; border-top: 1px solid #cccccc; vertical-align: 5px; } </style> </head> <body> <div class="header"> <span class="line"></span> <span class="text">中间文字，两边横线</span> <span class="line"></span> </div> </body> </html>
