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

Center Horizontal and Vertical

Horizontal
Vertical
Horizontal
Vertical
Horizontal
Vertical
Horizontal
Vertical

Cover

Cover
Cover
Cover
Cover

JavaScript

Drag me!
Element
Target
Offset
Placement