javascript - fullCalendar.js: align events in the same horizontal line -

in nutshell, have now:

the triangle , circle 2 different event in same say. aligned vertically on top of eachother.

and achieve:

the 2 events aligned horizontally.

so float: left doesn't work here because events in full calendar absolutely positioned main calendar's div. has moving dynamically top , left detecting events on bottom lines. how?

if events positioned against main calendar div, you'll need use $("#day").position x/y position of day want, set top , left of event divs x/y, second event having position x+(width)/y

so like

var pos = $("#day").position; $("#event1").css({"top": pos.top, "left":pos.left}); $("#event2").css({"top": pos.top, "left":pos.left+25});