Div для заполнения оставшейся ширины

Question

Я пытаюсь сделать эту синюю линию (DIV) автоматически заполнить оставшуюся часть пространства Ширина контейнера фиксирована до 800px, но h1 меняет ширину в зависимости от длины текста.

О нас

длиннее

Услуги

и т. Д.

Я могу использовать что-то вроде 80% процентов, и это работает, но не заполняет оставшиеся и выглядит некрасиво ...

Как бы вы это сделали?

Спасибо

Answer 1

Вы можете просто сделать линию шириной всего поля, но затем скрыть переполнение:

http://jsfiddle.net/yZ2KJ/

Answer 2

Простым способом было бы сделать линию 100% ширины и расположить над ней текст с непрозрачным фоном.

Answer 3

У вас может быть линия, проходящая через весь контейнер, и цвет фона для текста, который скрывает линию.