Question

I’m trying to make something similar to facebook timeline here but for some reason I can’t get it. Why my right div’s only follow after below first left one. I want them to start at the same spot, just like facebook timeline.

I have made a fiddle for you, so you can understand my problem: http://jsfiddle.net/FHR3q/

Also, what would be the best way to add some kind of separator between them, like a line.

Answer 1

Write like this:

<div class="block leftt"></div>
<div class="block right"></div>
<div class="block left"></div>
<div class="block right"></div>

check this http://jsfiddle.net/FHR3q/6/

UPDATED

May be you can use nth-child property for this:

Check this http://jsfiddle.net/FHR3q/15/

with separator http://jsfiddle.net/FHR3q/16/