CSS - h1取其餘的寬度

Question

在我的標題欄中，我有一個圖標（<img>）和一個標題（<h1>）。兩者都飄到左邊。

我想我的標題（<h1>）佔用框的寬度的其餘部分。所以，如果我把文字修飾：下劃線;在<h1>上，下劃線必須繼續'直到框的結尾。

的jsfiddle：http://jsfiddle.net/44XDa/1/

基本上我想下歡迎走行「，直到黃色框的末尾。

任何人都可以幫忙嗎？

Answer 1

如果區域中唯一的其他元素已經浮動，則不需要使h1浮動。正如其他海報已經指出的，你可能想使用邊框而不是下劃線來獲得這種效果。下面是我的編輯：

http://jsfiddle.net/44XDa/36/

我的溶液和上述的那些之間的主要區別在於，這一個不設置用於h1元件的寬度。如果您決定在將來更改內容標題div的寬度，這將會更容易。

Answer 2

Check this changes

我用邊框底部模擬下劃線結束。我減少了你的線條高度，並增加了填充頂部，將它放在你有的地方。刪除文字裝飾，你會有一條線。

Answer 3

在這裏你去：

http://jsfiddle.net/44XDa/34/

也許這是你想要的嗎？

Answer 4

Live demo

嘿，現在用來box-shadow和刪除H1float left像這一點，並設法底線爲line-height

Live demo