HTML: замените TextBox на простой текст, но сохраняйте макет

Question

Для просмотра только для чтения я хочу поменять текстовые поля на простой текст (потому что он выглядит лучше, чем disabled текстовые поля.

Однако обычный текст не имеет одинаковых значений полей / границ / отступов, поэтому текст больше не выравнивается по меткам, как в текстовом поле.

Какова подходящая техника для того, чтобы простой текст по-прежнему совпадал с существующим label?

Answer 1

Поместите его в display:inline-block div. vertical-align:baseline также может помочь. В зависимости от разметки метки вам также потребуется изменить метку на встроенный блок. (Если бы вы могли предоставить некоторую разметку, вам было бы легче помочь. Может быть, jsfiddle?)