Размещение предметов друг под другом в центре div

Question

Размещение предметов друг под другом в центре div

0

<div id="container" style="width:100%;">

  <div id="text1" style="width:20%;float:left;">1<br>1</div>
  <div id="text3" style="width:20%;float:right;">3<br>3</div>   

  <div style="width:60%;float:none;">
     <textarea id="phrases" cols="50" rows="20"></textarea>
     <div id="text2">2<br>2</div>
  </div>  

</div>

Я хочу иметь 3 столбца. В средней колонке я хочу иметь текстовое поле, а затем текст непосредственно под текстовым полем. Однако текст 2<br>2 появляется в левом столбце. Что я делаю не так?

http://jsfiddle.net/z7UXW/22/show/

Baz 20 март 2014, в 14:21

Источник

Теги:

html

1 ответ

Ещё вопросы

i'm PosSible · Accepted Answer · 2014-03-20T10-43-00.000Z

см. это Demo

<div id="container" style="width:100%;">
  <div id="text1" style="width:20%;float:left;">1<br>1</div>

  <div style="width:60%;float:left;">
     <textarea id="phrases" cols="50" rows="20"></textarea>
     <div id="text2" >2<br>2</div>
  </div>  

  <div id="text3" style="width:20%;float:right;">3<br>3</div>  
</div>