Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

html

css

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.

like image 963
Stan Avatar asked Dec 12 '25 15:12

Stan


1 Answers

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/

like image 108
sandeep Avatar answered Dec 15 '25 09:12

sandeep



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!