<template>
    <div class="_display:flex!">
        <div class="_margin-right:auto!">Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex!">
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div class="_margin-left:auto!">Flex Item</div>
    </div>

    <div class="_display:flex! _flex-direction:column!" style="height: 200px">
        <div class="_margin-bottom:auto!">Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex! _flex-direction:column!" style="height: 200px">
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div class="_margin-top:auto!">Flex Item</div>
    </div>
</template>
