http://jsfiddle.net/E7cyB/1/

ел бы отобразить некоторый текст, затем пунктирную линию, а затем еще немного текста в той же строке на странице HTML, например.

Name: .......................................................... (Engineer)

Я хочу, чтобы «Имя» было выровнено по левому краю, а «Инженер» было выровнено по правому краю относительно правой границы, а затем браузер смог заполнить пропасть между ними повторяющимися точками.

Я попробовал несколько разных способов заставить это работать с использованием CSS и HTML, но не совсем понял, как это работает. Я не хочу указывать ширину (фактическую или процентную) каждого компонента, чтобы решение можно было повторно использовать со словами различной длины, например, то же самое решение будет работать с:

Factory Location: .................................... (Not invoice address)

Надеюсь, что этот вопрос имеет смысл, любой совет приветствуется, спасибо.