Как отобразить текст: пунктирная линия, затем больше текста по ширине страницы?

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

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

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

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

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

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