Gostaria de exibir algum texto, uma linha pontilhada e mais texto na mesma linha em uma página HTML, por exemplo.

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

Quero que o "Nome" seja justificado à esquerda na borda esquerda e "Engenheiro" seja justificado à direita na borda direita e, em seguida, o navegador seja capaz de preencher a lacuna entre os dois com pontos repetidos.

Eu tentei algumas maneiras diferentes de fazer isso funcionar usando CSS e HTML, mas não consigo fazer direito. Não quero especificar a largura (real ou percentual) de cada componente para que a solução seja reutilizável com palavras de comprimentos diferentes, por exemplo. a mesma solução funcionaria com:

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

Espero que esta pergunta faça sentido, qualquer conselho apreciado, obrigado.