Outside

Position elements outside of the parent element element by using the out modifier.

Joanna Kosinska
Center left
Center right
Markup

Toggle example guides Toggle HTML markup 

<div pam-Flex="center">
    <div pam-size="w:1-2" pam-position="relative">
        <img pam-image src="kss-assets/img/photo-position.jpg" alt="Joanna Kosinska">
        <div pam-position="absolute center:left out" pam-overlay="dark" pam-flex="middle">Center left</div>
        <div pam-position="absolute center:right out" pam-overlay="dark" pam-flex="center">Center right</div>
    </div>
</div>