用伪类画线条、圆点

画线条：login_conten是父标签，h1是子标签

.login_content {  

      position: relative;  
      text-align: center;   
}  
h1{
font: 1.285rem PingFang-SC-Bold;
color: #FF6600;
} 
    /*CSS伪类用法*/  
.login_content h1:after, .login_content h1:before {  
      background: #FF6600;  
      content: "";  
      height: 1px;  
      position: absolute;  
      top: 49%;  
      width: 13%;  
}  
.login_content h1:before {  
    left: 4.5rem;  
}    
.login_content h1:after {  
    right: 4.5rem;  
}