Placer.js
tests
§ 1.
Static position
top
left
middle
left
bottom
left
top
right
middle
right
bottom
right
left
top
center
top
right
top
left
bottom
center
bottom
right
bottom
§ 2.
Relative position with paddings,
margins and border
top
left
middle
left
bottom
left
top
right
middle
right
bottom
right
left
top
center
top
right
top
left
bottom
center
bottom
right
bottom
§ 3.
Restricted area
top
left
middle
left
bottom
left
top
right
middle
right
bottom
right
left
top
center
top
right
top
left
bottom
center
bottom
right
bottom
§ 4.
Centered placement
4.1. Relative to a target
top
center
middle
center
bottom
center
left
center
center
center
right
center
0, 0
center
0.3, 0.8
center
1, 1
center
4.2. Relative to a container
top
middle
bottom
left
center
right
0, 0
0.3, 0.8
1, 1
§ 5.
Automatically change side
top
left
middle
left
bottom
left
top
right
middle
right
bottom
right
left
top
center
top
right
top
left
bottom
center
bottom
right
bottom
§ 6.
Avoid elements (pending)
Looking for a use-case.
Request this feature
, if you need this implemented.
top
left
middle
left
bottom
left
top
right
middle
right
bottom
right
left
top
center
top
right
top
left
bottom
center
bottom
right
bottom