RadioButton Текстовый стиль

Question

У меня есть следующая разметка:

, где

.checkBoxImg input { vertical-align:top; margin-top:5px;}

и

this.rbtnAssessedNo.Text = "<img src='images/icons/icon_no.gif' /><span style=\"margin-top:5px; vertical-align:top\">No</span>";

Я получаю текст RadioButtons: img (27x27px) и текст: НЕТ(16x16px), на котором margin-top: 5px не работает, и он должен быть выше относительно img.Также, когда я меняю вертикальное выравнивание на середину, оно переходит в конец всего диапазона RadioButton, что также неверно.

Я стремлюсь получить изображение и текст НЕТ, который будет в середине изображения (более или менее 5px сверху будет в порядке).Что я делаю не так?

Answer 1

задайте span a line-height, равное height изображения, в вашем случае 27px

"<img src='images/icons/icon_no.gif'/><span style='line-height:27px;'>No</span>"

Answer 2

span обычно зависит от строки , и они не похожи на div, которые похожи на блоки.Таким образом, они стараются не сохранять установленное вами поле.

Измените его на div и используйте display:inline, и поле будет установлено.