html在横线中加入文字

Question

如何实现：
————————文字————————
这种效果？

Answer 1

注意：1）背景图是1*2的灰色的点。

           2）dd中使用把白色背景把那条横线遮盖。

Answer 2

你可以用div标签去实现：

<div style=" text-decoration:line-through" >横线中间有字</div>

【html5与html的区别】

html通常指的是用来写网页的超文本代码，比如

<div>
<img src="ttt.jpg" /></div>

html从最初仅用来表示文本转变到后来的富文本，甚至多媒体。上面的代码就在页面插入了一张图片。至此，html仅用来表示内容，有时也表示显示样式（现在已用css来描述内容了），还有简单的交互（现在用javascript）。
但是，到这个时候，很多功能在互联网上都要借助插件实现，比如播放多媒体，利用长连接进行通信，RPC等。于是，html5出来了，你可以认为他是html4后面的一个版本，但他不仅仅是html，还包含很多新加入的API，如文件API，websockt等。所以，通常被认为html5是web app开发所用到的html，javascript，css3等的总和。

html5作为下一代的标准语言，有很大的意义。首先帮助技术人员减少了很多痛苦，让大家嗨皮了一些。当然还有以下的作用：

扩展性上：增加一系列的API支持（Canvas、本地存储、文件操作、重力感应等）

商业角度：帮助企业降低开发成本、缩短开发周期、可以跨设备等

战略上：不知道大家有没有注意到，html5和云的概念是对应有关联的性的，以后会实现一种场景——用户只需要打开设备，然后浏览器（html5）就可以查看应用（载体是云），并且实现的用户体验超级棒，很酷炫，可能慢慢会替代本地应用，所以我觉得这是一个有战略意义的语言标准。

本回答被网友采纳

Answer 3

不知这样对不对哈 这哥们估计着试试看 左边一个<div>在下边框加个下划线 高度你自己给试着调一下 右边也照着做！然后中间加它个mafgin-left:20px; 把文字放中间！哈哈！功告成！^-^ 希望这样可以帮到你！如果还有不懂的！请加QQ1277981331--（懂事长） 哪如果你还想知的详细一些呢 我可以说个网站你去！高手如云啊！最重要的那些家伙不收费！

Answer 4

这里有好多教程 你阔以去找找有木有你要的 http://yun.baidu.com/share/home?uk=271892183&view=album&qq-pf-to=pcqq.c2c

Answer 5

<style type="text/css" media="screen">
.line_m{text-decoration:line-through}
</style>
<span class="line_m">中间是空格</span>文字<span class="line_m">中间是空格</span>
需要多长就多加一个(空格)