html - CSS,在文本旁边创建一行

标签 html css text line

<分区>

我已经阅读了多个线程但没有成功。

我正在寻求有关在 CSS 中在文本旁边创建一行的帮助。我不允许更改 HTML 代码,因此向 html 代码添加 span 元素对我来说不是解决方案。

这是它的样子。

<legend>Text</legend>

我想创建这样一行 http://imgur.com/BVQ2txt

在不更改 html 代码的情况下有什么解决方案吗?

最佳答案

你可以这样做:

legend { height: 18px; position: relative; background: #fff; display: inline-bock; margin-left: 5px; } 
legend:before { content: ""; display: block; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 8px; left: -5px; right: -100px; height: 1px; border-top: 1px solid red; z-index: -1; }

关于html - CSS,在文本旁边创建一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33282439/

上一篇:javascript - JQuery动画更多元素

下一篇:c# - 使用 xsl 样式表的前三行 xml 文档的正确内容

相关文章:

html - CSS/HTML : How would I make these images horizontally-aligned?

css - 当我减小浏览器宽度时,我的 col div 似乎变大了

windows - 读取带有空字节的文本文件

html - 除非达到某个点,否则如何将 div 定位在右下角

html - 为什么我的 CSS 现在不工作了,昨晚它工作得很好

html - 修复时事通讯代码以在 Outlook 中正常工作

javascript - 如何从一个输入标签添加/上传/选择多个文件?

javascript - 使用 JavaScript/CSS3 的精美动画

jquery 设置文本

regex - 在 Shiny 中使用 textOutput() 在单独的行上打印句子