Пунктирная линия с центрированным текстом

Question

Я за пунктирной линией с меткой посередине. Пунктирная линия должна соответствовать ширине экрана. Я вызвал следующее.

<fieldset class="dashed"> 
<legend align="center">Some Centred Text</legend> 
</fieldset> 

.dashed 
{ 
border:0px; 
border-top: 1px dashed; 
} 

Wonder, если есть лучший способ.

Answer 1

Если бы я тебя, я использую div и span для моей разметки:

<div class="dashed"> 
    <span>Some Centred Text</span> 
</div> 

И в CSS:

.dashed { 
    border-bottom: 1px dashed #000; 
    text-align: center; 
    height: 10px; 
    margin-bottom: 10px; 
} 

.dashed span { 
    background: #fff; 
    padding: 0 5px; 
} 

• Проверьте jsFiddle Demo.