Я отображаю вводы текста рядом с некоторым текстом метки в fieldset. Я хотел бы, чтобы базовая линия текста во вводах текста выстроилась в линию с базовой линией текста метки. Я мог установить фактор выдумки padding-top
для моего .label
элементы, но содержание моего .value
элементы могут содержать текст только для чтения, и это завинтило бы базовое выравнивание маркировки/значения для тех полей. Я также подозреваю, что различные факторы выдумки требовались бы для различных браузеров из-за разности высот между полями ввода через браузеры.
У кого-либо есть какие-либо идеи, как я могу получить свою маркировку и ввести текстовые базовые линии для выравнивания? Мой текст метки может охватить несколько строк и как таковой, я хотел бы любое решение принять это во внимание.
Вы видите живой пример следующий код по http://jsbin.com/enobe3.
CSS
* {
font-family: sans-serif;
font-size: 13px;
}
.field {
clear: left;
padding-top: 5px;
}
.label {
float: left;
width: 90px;
}
.value {
margin-left: 90px;
padding-left: 10px;
}
HTML