Html 中间有单词的水平线的CSS技术

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

h2 span { 
    background:#fff; 
    padding:0 10px; 
}

<h2><span>THIS IS A TEST</span></h2>
<p>this is some content other</p>

Html相关问答推荐

我需要两个HTML标签，以便当另一个隐藏时，一个可见，反之亦然

HTML横幅未正确对齐页面顶部

我似乎不能正确地将我的导航栏居中'

如何在angular 17.2中使用routerLink解决此错误

禁用与行分开的边框折叠span

首字下沉非字母字符

带有MathJax SVG的HTML代码在XHTML中不起作用

嵌套表列高度不是100%高度的问题

有没有什么方法可以很容易地给一个SVG一个插框阴影？

如何使不断增长的div不溢出其包含固定div的父级

如何使用css横向显示英文和中日韩文字？

我的 *ngFor 中的 array.reverse() 在生产中不起作用

用由文本制成的边框包围内容

在Angular中，类型"HTMLDivElement"不能分配给类型"Node"

CSS 字母间距将按钮向右扩展

为什么

标签在 Edge 和 Firefox 中的编号会有两种不同的结果？

如何将 HTML DateTime 转换为 Golang Time 对象

防止按钮溢出到新行

如何使我的下拉菜单响应？

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像？