html - 这段代码有什么问题？HTML/CSS

Question

我有这个代码:

http://jsfiddle.net/7jGHS/1299/

HTML 代码:

    <div class="text1"><h2><span>THIS IS A TEST</span></h2>
    <p>1800 - 1570 - 000</p>
    <h2><span>THIS IS A TEST</span></h2>
</div>
<div class="text2"><h2><span>THIS IS A TEST</span></h2>

    <p>1800 - 1570 - 000</p>

    <h2><span>THIS IS A TEST</span></h2>
</div>

代码 CSS:

h2 { width:100%; text-align:center; border-bottom: 1px solid #000; line-height:0.1em; margin:10px 0 20px; } 
h2 span {  padding:0 10px; }
.text1{float:left;display:inline-block;width:50%;}
.text2{float:left;display:inline-block;width:50%;}

我试图创造这种效果“----文本----”

目前我的行剪切文本并且不想要这个。

在网站的页脚我尝试更改并观看节目

http://www.les-toiles.co/

我的代码有什么问题吗？你能帮我解决这个问题吗？

提前致谢!

Answer 1

如果我让您的问题正确，您需要带文本的虚线。

Fiddle

h2 { width:100%; 
    text-align:center; 
    border-bottom: 1px dashed #000; 
    line-height:0.1em; 
    margin:10px 0 20px; }