Position
Top Left
Top Center
Top Right
Center Left
Center Center
Center Right
Bottom Left
Bottom Center
Bottom Right
Top
Bottom
Left
Right
Test if the text uses the available width if centered
Out Test
Out Test
Small
Top Left
Top Center
Top Right
Center Left
Center Center
Center Right
Bottom Left
Bottom Center
Bottom Right
Top
Bottom
Left
Right
Test if the overlay does not succeed the container width and position margin is taken into account.
Out
Out
Medium
Top Left
Top Center
Top Right
Center Left
Center Center
Center Right
Bottom Left
Bottom Center
Bottom Right
Top
Bottom
Left
Right
Out
Out
Large
Top Left
Top Center
Top Right
Center Left
Center Center
Center Right
Bottom Left
Bottom Center
Bottom Right
Top
Bottom
Left
Right
Out
Out
Cover
Cover
Cover
Cover
Cover
JavaScript
Drag me!
Element
Horizontal
left
center
right
Vertical
top
center
bottom
Target
Horizontal
left
center
right
Vertical
top
center
bottom
Offset
Horizontal
Vertical
Placement
Horizontal
None
Flip
Shift
Vertical
None
Flip
Shift