Павел Кононенко

Это сложно признать, но ваша задача решается наилучшим образом с помощью таблиц. Даже без js и тем более без jQuery. Высота каждого td в таблице вычисляется на основании высоты самого высокого td, находящегося в том же tr.

Вежливо попросить пользователя установить данный шрифт себе в систему.

но в этом случае если либо ключ, либо значения имеют пробелы, слова переносятся и получается не то.

white-space: nowrap;

Не гуд конечно, но обычно это делается так:

.btn {
  display: table-cell;
  vertical-align: middle
}

В одну строку и без зависимостей это делается так:

<input type="text" onkeydown="this.style.width = ((this.value.length + 1) * 8) + 'px';">