Me gustaría mostrar algo de texto, luego una línea punteada y luego algo más de texto en la misma línea en una página HTML, p.

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

Quiero que el "Nombre" se deje justificado contra el borde izquierdo y que "Ingeniero" se justifique a la derecha contra el borde derecho y luego que el navegador pueda llenar el espacio entre los dos con puntos repetidos.

He intentado algunas maneras diferentes de hacer que esto funcione con CSS y HTML, pero no puedo hacerlo bien. No quiero tener que especificar el ancho (real o porcentaje) de cada componente para que la solución sea reutilizable con palabras de diferentes longitudes, p. la misma solución funcionaría con:

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

Espero que esta pregunta tenga sentido, cualquier consejo apreciado, gracias.