文字两边加横线

<div id="login_frame">

    <div class="with-line">推荐使用以下浏览器</div>

</div>

<style type="text/css">

/* 

文字两边横线

 */

#login_frame .with-line {

width:462px;font-size: 16px;

color: #000;

margin: 0 auto;

position: relative;

text-align: center

}

#login_frame .with-line:before {

content: "";

border-top: 1px solid #000;

display: block;

position: absolute;

width: 150px;

top: 10px;

left: 0

}

#login_frame .with-line:after {

content: "";

border-top: 1px solid #000;

display: block;

position: absolute;

width: 150px;

top: 10px;

right: 0

}

</style>