我看了多個線程都沒有成功。
我正在尋找幫助創建一個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; }