標題中間有虛線或橫線，而且居中，並且標題字數不固定

 

html

<div class="border">
            <div class="tit"><span class="bg"><span class="col">產品專員</span>職位的簡歷狀態設置</span></div>
            <div class="clear"></div>
            <ul>
                <li><label><span class="posForm leaveOut wordsNum4">不予考慮</span><span class="fl">該求職者不符合職位要求</span></label></li>
            </ul>
        </div>

css

.settingBox .border{border:1px dashed #dcdcdc;padding:30px 10px 10px;}
.settingBox .border .tit {text-align:center;margin-top:-42px;}
.settingBox .border .tit span.bg{background:#fff;padding:0 10px;}
.settingBox .border .tit span.col{color:#f90;font-weight:bold;padding-right:15px;}

 

 

html

<div class="border">
        <div class="tit"><span class="bg">廣西人才網</span></div>
    </div>

css

.gxrc .border { height: 40px; border-top: 1px solid #b2b2b2; }
.gxrc .border .tit {text-align:center;margin-top:-25px;}
.gxrc .border .tit span.bg{background:#fff;padding:0 10px;color:#555;font-size:30px;}