Home/ Questions/Q 6566039
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T14:10:09+00:00

Possible Duplicate: How to stack divs from top to bottom in CSS When i

  • 0

Possible Duplicate:
How to stack divs from top to bottom in CSS

When i have multiple adjacent divs with float:left, they stack like this:

 _______
| 1 2 3 |
| 4 5   |
|_______|

I want a stack like this:

 _______
| 1 4   |
| 2 5   |
|_3_____|

jsFiddle with the horizontal stacking

How can i achieve vertical stacking ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    @ pinouchon; for this type of layout you can use css3 column-count property for this.

    CSS:

    div#multicolumn1 {
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;

}

    Check my example here for more How to stack divs from top to bottom in CSS

    read this article for more http://www.quirksmode.org/css/multicolumn.html

    • 0