Текстовые поля лежать друг над другом CSS

Question

В течение последнего часа я пытался заставить эти текстовые поля лежать друг над другом. После некоторого поиска в Google я попробовал несколько примеров, они работают для одной части, но не для другой. Вот мой пример в JS Fiddle. http://jsfiddle.net/53D5M/10/

Надеюсь, вы понимаете, о чем я. Верхняя половина div будет исходным сообщением, а нижняя половина будет ответом. Я просто хочу, чтобы поля ввода темы лежали поверх текстовых областей

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

Answer 1

Все, что вам не хватает, это разрыв строки или другой div после каждого поля.

Просто:

<input type="text" placeholder="Type Subject Here" /><br/><br/>
<textarea rows="7" placeholder="Begin Typing Message"></textarea><br/><br/>
<button type="submit">Send</button>

В этом примере мне нужно было добавить два переноса строки () для текстовой области, которая будет нажата достаточно.Обычно вы также можете поместить каждый элемент формы в отдельный <div> контейнер