CSS: how to move element from one column to another one without changing the html ?

Posted by Patrick on Stack Overflow See other posts from Stack Overflow or by Patrick
Published on 2010-05-31T11:53:49Z Indexed on 2010/05/31 15:03 UTC
Read the original article Hit count: 153

Filed under:

hi,

I'm using css to edit the content of a page (NB. I cannot edit html code).

I have 2 columns div1, div2. Each columns have several children (containing text). If the block has 2 or more lines of text all successive content is automatically moved down.

I need to move a chidlren from the first column to the second one, in the middle. I was considering to use absolute positioning but then I realize how children are not anymore moving down as the number of text lines increases.

How can I solve this ?

<div id=div1>
  <div> blabla </div>
  <div> blabla </div>
  <div> blabla </div>
</div>

<div id=div2>
  <div> blabla </div>
  <div> blabla </div>
  <div> blabla </div>
</div>

thanks

© Stack Overflow or respective owner

Related posts about css