Location

The top, right, bottom and left placement properties sets the location of positioned elements.

Joanna Kosinska
Top
Right
Bottom
Left
Markup

Toggle example guides Toggle HTML markup 

<div pam-Grid>
    <div pam-Unit="2-3">
        <img pam-image src="kss-assets/img/photo-position.jpg" alt="Joanna Kosinska">
        <div pam-position="absolute top" pam-overlay="light" pam-flex="center">Top</div>
        <div pam-position="absolute right" pam-overlay="light" pam-flex="middle">Right</div>
        <div pam-position="absolute bottom" pam-overlay="light" pam-flex="center">Bottom</div>
        <div pam-position="absolute left" pam-overlay="light" pam-flex="middle">Left</div>
    </div>
</div>