I saw on <http://www.webdesignerdepot.com/> that even posts have image to the right, and odd posts image to the left. This is without a doubt solved with css.

I tried to solve this with css, but without success.

This is the code i have:

```html
<div class="row">

  <div class="col=xs-12 post">
    <div class="row">
      <div class="col-xs-12 col-md-6" image>
      <div class="col-xs-12 col-md-6" text>
    </div>
  </div>

  <div class="col=xs-12 post">
    <div class="row">
      <div class="col-xs-12 col-md-6" image>
      <div class="col-xs-12 col-md-6" text>
    </div>
  </div>

  <div class="col=xs-12 post">
    <div class="row">
      <div class="col-xs-12 col-md-6" image>
      <div class="col-xs-12 col-md-6" text>
    </div>
  </div>

   <div class="col=xs-12 post">
    <div class="row">
      <div class="col-xs-12 col-md-6" image>
      <div class="col-xs-12 col-md-6" text>
    </div>
  </div>

  <div class="col=xs-12 post">
    <div class="row">
      <div class="col-xs-12 col-md-6" image>
      <div class="col-xs-12 col-md-6" text>
    </div>
  </div>

  <div class="col=xs-12 post">
    <div class="row">
      <div class="col-xs-12 col-md-6" image>
      <div class="col-xs-12 col-md-6" text>
    </div>
  </div>

</div>
```

i Want to make something like webdesignerdepot.com
Like this image i made:
[![enter image description here](https://i.stack.imgur.com/ozuwy.jpg)](https://i.stack.imgur.com/ozuwy.jpg)

Thanks for any ideas!