Title: 2 column posts
Last modified: August 20, 2016

---

# 2 column posts

 *  [coke](https://wordpress.org/support/users/coke/)
 * (@coke)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/)
 * Hi guys, i’m working on a website, and I’m trying to get 2 column posts. I followed
   [ this tutorial](http://perishablepress.com/press/2008/08/04/two-column-horizontal-sequence-wordpress-post-order/)(
   the css – the loop one didn’t work out as the posts just repeated for infinity),
   but the problem is i want it so that after 2 posts on either side, even if the
   heights are different, it ends on the same line – [much like this ](http://www.alimorali.com/).
 *  (as you can see that’s not happening right now – im getting the problem with
   the holes)
 * I was wondering how i could achieve this with css? Thanks
 * here’s the website – [http://projects.twinszuccarelli.com/wordpress/](http://projects.twinszuccarelli.com/wordpress/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [irfan_np](https://wordpress.org/support/users/irfan_np/)
 * (@irfan_np)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/#post-2224859)
 * Add this line after two posts
    `<div style="clear:both"></div>`
 * So it should look like
 *     ```
       <article id="">....</article>
        <article id="">....</article>
        <div style="clear:both"></div>
        <article id="">....</article>
        <article id="">....</article>
       ```
   
 * Irfan
    _[signature [moderated](http://codex.wordpress.org/Forum_Welcome)]_
 *  Thread Starter [coke](https://wordpress.org/support/users/coke/)
 * (@coke)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/#post-2224862)
 * Thanks so much for the reply. Unfortunatly the problem is i’m currently using
   CSS to make them go in columns, so i can only do something after 1 post.
    I tried
   to make it 2 loops like in the tutorial, but the posts just repeat. example: 
   [http://projects.twinszuccarelli.com/wordpress/](http://projects.twinszuccarelli.com/wordpress/)
 * do you know why this is? thanks so much.
 *  Thread Starter [coke](https://wordpress.org/support/users/coke/)
 * (@coke)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/#post-2224872)
 * I got it! I was being an idiot with the loop method, and your code works! Thanks
   heaps, i was getting so frustrated! 🙂
 *  Thread Starter [coke](https://wordpress.org/support/users/coke/)
 * (@coke)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/#post-2225012)
 * Hi guys. I’m trying a new method,
 * so I wanted 2 columns in the loop and tried various codes until I got this on
   and it works like a dream. my code is:
    [http://pastebin.com/iuahxpT8](http://pastebin.com/iuahxpT8)
 * My website is: [http://projects.twinszuccarelli.com/wordpress/](http://projects.twinszuccarelli.com/wordpress/).
 * the **next/previous doesn’t work**, any solutions?
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/#post-2225013)
 * try to remove the `<?php rewind_posts();?>` from the code – it has no purpose
   at that position.
 * is that the full code of the template in the pastebin?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘2 column posts’ is closed to new replies.

## Tags

 * [2 columns](https://wordpress.org/support/topic-tag/2-columns/)
 * [columns](https://wordpress.org/support/topic-tag/columns/)
 * [posts](https://wordpress.org/support/topic-tag/posts/)

 * 5 replies
 * 3 participants
 * Last reply from: [Michael](https://wordpress.org/support/users/alchymyth/)
 * Last activity: [14 years, 10 months ago](https://wordpress.org/support/topic/2-column-posts-1/#post-2225013)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics