Проблема выравнивания переключателя с меткой

Question

Привет. Я уже прочитал сообщения, в которых предлагается использовать style="vertical-align: middle;"

, однако это не работает для меня.Я новичок, поэтому я надеялся, что кто-нибудь может взглянуть.Я играл с ним на jsfiddle и ничего не получил.

вот мой jsfiddle .

Это динамическая форма, так что попасть в ту область, где я нахожусьПри наличии проблемы вы должны выбрать опцию 5 «True / false» в раскрывающемся списке.

, что касается html для него, он находится внутри javascript в «case 5».

Такжепо какой-то причине на jsfiddle одна метка вышла из строя, и я не знаю почему, поскольку она отлично работает на firefox и chrome: S

пожалуйста, просветите меня, спасибо

Answer 1

Попробуйте и поиграйте с полями, чтобы получить желаемый результат.

#stylized label.smaller input{
  float:none;
  width: 25px;
}

Answer 2

Я убрал многие из float на ярлыках и входах и установил width: auto, и он значительно улучшился. Это повлияет на все входы, и я думаю, что частью вашей проблемы является большая ширина входов переключателей.

В качестве более широкой проблемы, я бы, вероятно, имел все эти типы вопросов, уже находящиеся на странице, в скрытых элементах div и отображал соответствующий, когда выбран тип вопроса. Это облегчает работу с вашим CSS, показывая их все во время разработки / отладки стилей, а затем скрывая их, когда вы закончите.

Немного ответа, но это все, что у меня есть, не особо копаясь в скрипке.