Html/css: Display Circular Divs In Horizontal Scrolling Lineup? Divs Appear On Top Of Each Other?

I have succeeded in centering a div containing a three.js animation within another circular div by setting the outer div to display of table and placing this all within a ul. I I

Solution 1:

Are you trying to make it look like below?

If yes then, Give float:left to your li and try removing circle1's position or changing it to relative.