#Html学习积累#分割线中间添加文字

类似效果：

————————————xxxxx————————————————————

 

 1 <!DOCTYPE HTML>
 2 <html> 
 3                                 
 4 <head>  
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 <title>Image Rollover with CSS</title>
 7 <style type="text/css" media="all">
 8 .hrLine{
 9     vertical-align:middle; display:inline-block;
10 }
11 </style>
12 </head>  
13 
14 <body>
15 
16 <div style=" width:100%; text-align:left; margin-left:15px; margin-right:15px;">
17             <hr class="hrLine" style="width:50px;"/>  XXXXX  <hr class="hrLine" style="width:80%;"/>
18 </div>
19 
20 </body> 
21 
22 </html>

 

posted @ 2017-02-17 15:57  u-zoro  阅读(12516)  评论(0)  编辑  收藏  举报