Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Divide divisions in to left and right ones (like facebook timeline)

Divide divisions in to left and right ones (like facebook timeline)

Problem

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.

Problem courtesy of: Stan

Solution

Write like this:

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/

Solution courtesy of: sandeep

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Divide divisions in to left and right ones (like facebook timeline)

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×