<template>
    <div class="alignment-container">
        <el-space>
            string
            <el-button> button </el-button>
            <el-card>
                <template #header> header </template>
                body
            </el-card>
        </el-space>
    </div>
    <div class="alignment-container">
        <el-space alignment="flex-start">
            string
            <el-button> button </el-button>
            <el-card>
                <template #header> header </template>
                body
            </el-card>
        </el-space>
    </div>
    <div class="alignment-container">
        <el-space alignment="flex-end">
            string
            <el-button> button </el-button>
            <el-card>
                <template #header> header </template>
                body
            </el-card>
        </el-space>
    </div>
</template>

<style>
.alignment-container {
    width: 240px;
    margin-bottom: 20px;
    padding: 8px;
    border: 1px solid var(--el-border-color);
}
</style>
