Какие значения прописывать, чтобы блоки встали так?

Question

[greg_13]

Всего по факту 3 категории блоков: input, textarea, button.
какие им нужно прописать значения в CSS, чтобы они расположились именно таким образом?

Comments

[Ankhena]

Выложите ваш код и укажите, что не получается.

[greg_13]

Ankhena, https://jsfiddle.net/Legp25rw/
блок с input-ами находится не на месте. Button тоже находится не на своем месте.

[Ankhena]

greg_13, https://jsfiddle.net/r6wb1x8p/
Отступы и размеры под себя настройте.

Советы:
1. Не используйте height в px, лучше min-height. Тогда если пользователь изменит размер шрифта или количество контента изменится, то будет не так страшно, как с height.
2. Не используйте important. Почитайте про специфичность селекторов htmlbook.ru/samcss/kaskadirovanie

Answer 1

[Андрей Глюк]

Если вот так хотел то вот код.

Comments

[greg_13]

Разве что кнопка уезжает в другую сторону при увеличение экрана.
А так да, уже одна огромная проблема решена, спасибо)

[Андрей Глюк]

Я код в 3 секунды набросал. Тебе самому уже доделать труда не составит. Главное принцип посмотрел, а дальше всё в твоих руках. На будущее, если хочешь блоки по разным сторонам раскидать, не делай им инлайн-блок. Делай просто блок и верти их как хочешь. Рад что помог.

[Андрей Глюк]

А кнопку можно зафиксировать обернув её вместе с тексареа в ещё один див с классом и див сделать такой же ширины как текстареа. И кнопка будет плавать ровно под ней.

[greg_13]

Андрей Глюк, Да уже об этом и подумал и сделал. Всё получилось хорошо)