demoline01、02選一個用足夠了
<style>
.demo_line_01 {
width: 200px;/*這指的是文字的寬度*/
padding: 0 20px 0;
margin: 20px auto;
line-height: 1px;
border-left: 200px solid #ddd;
border-right: 200px solid #ddd;
text-align: center;
}
.demo_line_02 {
width:100%;/*這指的是整個行的寬度*/
margin:0 auto;
height: 1px;
border-top: 1px solid #ddd;
text-align: center;
}
.demo_line_02 span {
position: relative;
top: -10px;
background: #666;/*背景可改為白色*/
padding: 0 20px;
}
</style>
</head>
<body>
<div class="demo_line_01">分割線 </div>
<div class="demo_line_02"><span>分割線</span></div>
</body>