1.文字两边两条横线

 1  <div className="order">
 2                 <span className="line" ></span>&nbsp;
 3                 <span className="txt" style={{color:"#262626"}}>家具现货</span>
 4                 <span className="txt" style={{color:"#b15e32"}}>五折优惠</span>&nbsp;
 5                 <span className="line"></span>
 6             </div>
 7 
 8 .order {
 9     margin: 0.33rem;
10     height: 60px;
11     line-height: 60px;
12     text-align: center;
13     font-size: 0.26rem;
14     font-family: "MicrosoftYaHei-Bold";
15     font-weight: bold;
16  }
17   .order .line {
18     display: inline-block;
19     width: 0.69rem;
20     border-top: 1px solid #5c5c5c ;
21  }
22  .order .txt {
23     color: #686868;
24    vertical-align: -8%;
25  
26  }

View Code