Форматирования текста, div, input и т.д.?

Question

[Игорь Касперский]

cssdeck.com/labs/full/hio1gsv8
Помогите пожалуйста разобраться с этим. Мне нужно выстроить в ряд их

Уже надоело мне, испробовал все, что знал. Как это сделать?

Answer 1

[Андрей Федоров]

чтобы div были один под другим:
display: block;

чтобы div были в строку:
display: inline-block;

Если ограничить ширину серого поля, то div не влезшие в первую строку перенесутся на следующую.

Comments

[Игорь Касперский]

с div'ом понятно, а как быть с input? Создавать таблицу, не хочу, лень. Просто у меня там не див, а инпут

[Игорь Касперский]

Игорь Касперский: Если позиционировать и двигать в нужном направлении, то этот элемент перекрывает другой инпут. Запутался я

[Дмитрий]

Игорь Касперский: вообще-то все input / select элементы по-умолчанию - инлайновые (display: inline), поэтому они и так будут в одну строку. Если у вас уже переопределены стили, то просто почистите их

[Андрей Федоров]

Я ваш код не смотрел. Вам нужно обернуть каждую строку в отдельный див. Или я не понимаю в чем вопрос.

[Игорь Касперский]

Андрей Федоров: ладно, спс. Код сверху по ссылки, ну это уже не важно, буду чистить)

Answer 2

[VANY]

Тут таблица на лицо. Или сразу flex использовать. В обоих вариантах и выравнивание по высоте и прыгать не будет, как с inline-block.

Comments

[Игорь Касперский]

я так и думал оприорно, но не хотел возиться с ней, спс)

[VANY]

Игорь Касперский: не вижу ничего сложного в ней :) используйте Emmet, и любые массивные многомерные конструкции будете делать в одну строку!