<template>
    <div class="_display:flex!">
        <div>Flex Item</div>
        <div class="_align-self:start!">Aligned Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex!">
        <div>Flex Item</div>
        <div class="_align-self:center!">Aligned Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex!">
        <div>Flex Item</div>
        <div class="_align-self:end!">Aligned Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex!">
        <div>Flex Item</div>
        <div class="_align-self:baseline!">Aligned Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex!">
        <div>Flex Item</div>
        <div class="_align-self:stretch!">Aligned Flex Item</div>
        <div>Flex Item</div>
    </div>
</template>
