在僞元素上添加換行符

在每個h2之後，我想追加並設計一個破折號，然後換行符。在僞元素上添加換行符

我試過如下：

h2:after { 
    content: '\A\2014'; 
    white-space: pre; 
    font-size: 70px; 
}

它的工作一般，但是當我輸入或兩者的上方和下方的儀表變化減小字體大小，空間，而不只是dash-尺寸。

我也嘗試添加一個line-height: 0.6em;，但它似乎將所有東西都移動。

目前我得到這樣的：

At the moment I'm getting this:

我想這一點，能夠改變空間：

I want to get this, being able to change the space:

這裏是FIDDLE

2013-08-19 sqe

爲什麼你不使用邊界？

h2 { border-bottom: 4px solid #000; }

，然後你可以只調整對H2的底部填充：以評論

h2 { padding-bottom: 15px; border-bottom: 4px solid #000; }

更新，才能使儀表板的寬度相同，無論稱號寬度我簡單地說：在具有邊框和顯示塊的僞元素之後：http://jsfiddle.net/uzVhz/2

2013-08-19 18:03:46

我不使用邊框，因爲我想要t無論h2多長時間，他都會衝出完全相同的寬度。 – sqe

您可以浮動元素然後清除它。這裏是小提琴：http://jsfiddle.net/uzVhz/1/ –

@MatthewR。我認爲他的意思是他希望短劃線爲40px（或其他），不管H2中的文本多長時間，即使浮動也不會發生。 – justis

回答