Позиционирование элементов в строку.?

Question

[Dmitry221060]

https://jsfiddle.net/8xzy5afL/2/

Нужно чтобы оба столбца были в одной строке, независимо от размера каждого. Но div с ними(.secondMenu) не растягивается, что бы я не делал.
Что странно - если изменить его позиционирование сabsolute на fixed - всё будет работать как нужно. Что я делаю не так?
(HTML желательно не трогать)

Answer 1

[Odisseya]

Код не валидный, <div>не может быть прямым дочерним элементом <ul>.

Comments

[Dmitry221060]

Хмммм, не знал об этом, довольно часто замечал что под <ul> пихали любые элементы. Спасибо)

[Odisseya]

;)

Answer 2

[Alex McArrow]

Не знаю на сколько это верно и красиво, но вроде работает как нужно - https://jsfiddle.net/8xzy5afL/3/

#query и #data вместо float -> display: inline-block;
и вот так

#wrap2 .secondMenu ul {
        max-width: 49%;
        margin: 0;
        padding: 0;
      }

что бы эти два блока не были слишком широкими

Comments

[Dmitry221060]

Не, надписи не напротив input'ов, а чекбоксы вообще повалились. Нужно именно растянуть div.secondMenu