/* CSS Document */
*{margin:0;padding:0;font-size:12px;}
body{ background:none;}
input,button,select,textarea{outline:none;}
ul,li,dl,ol{list-style:none;}
a{color:#666; text-decoration:none;}

.box{ width:980px; margin:0 auto;}
.bcon{ width:270px; border:1px solid #eee; margin:30px auto;}
.bcon h1{ border-bottom:1px solid #eee; padding:0 10px;}
.bcon h1 b{ font:bold 14px/40px '宋体'; border-top:2px solid #3492D1; padding:0 8px; margin-top:-1px; display:inline-block;}

.list_lh{text-align:left; width:350px; height:500px; overflow:hidden;}
.list_lh li{ padding:10px;}
.list_lh li.lieven{ background:#F0F2F3;}
.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a{ float:left;}
.list_lh li p em{ width:80px; font:normal 12px/24px Arial; color:#FF3300; float:left; display:inline-block;}
.list_lh li p span{ color:#999; float:left;}
.list_lh li p a.btn_lh{ background:#28BD19; height:17px; line-height:10px; color:#fff; padding:0 5px; margin-top:4px; display:inline-block; float:left;}
.btn_lh:hover{ color:#fff; text-decoration:none;}

.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:left;}
<style>
.header
{

        width:400px;

        height:36px;

        line-height: 36px;

        text-align:center;

        border:1px solid green;

        position:relative;

    }

    .header div:before,.header div:after

    {

        position:absolute;

        background:#ccc;

        content:"";

        height:1px;

        top:50%;

        width:100px;

    }

    .header div:before{left:10px;}

    .header div:after{right:10px;}




	.other-way-login {
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
}
.other-way-login .line {
    display: inline-block;
    width: 150px;
    border: 1px solid black;
}
.other-way-login .txt {
    color: black;
    vertical-align: middle;
    vertical-align: -20%;
    margin: 0 30px;
}
--------------------- 
作者：Bumphy 
来源：CSDN 
原文：https://blog.csdn.net/bumphy/article/details/78319678 
版权声明：本文为博主原创文章，转载请附上博文链接！

</style>