Линия переменного размера в тексте

Как сделать подобные поля в html? Нужно, чтобы линии занимали все пространство до правого края страницы.

Ответ

.list { font-family: monospace; } .list-row { /* Ненужное свойство */ display: block; /* Чтобы учитывалась высота .list-row-title */ overflow: auto; } .list-row-title { /* Распологает заголовок слева, чтобы расположить div'ы рядом */ float: left; /* Отступ полосы от заголовка */ margin-right: 0.5em; } .list-row-field { /* Занять всё оставшееся пространство */ overflow: auto; /* Высота размеров со строку */ height: 1.2em; /* Снизу граница, напоминающая подчёркивание */ border-bottom: 1px solid black; color: grey; }

Ф.И.О. пациента

Возраст

Ф.И.О. личного врача

Иванчук И.И.