如何将div放在彼此的顶部水平对齐

<style>
    .container {
        display: flex;
        align-items: flex-start;
    }
</style>

<div class="container">
    <div>Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
</div>

<style>
    .container {
        display: grid;
        align-items: start;
    }
</style>

<div class="container">
    <div>Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
</div>