将几个div与其他几个div对齐

<style>
    .align-div {
        width: 200px;
        float: left;
    }
</style>

<div class="align-div">Div 1</div>
<div class="align-div">Div 2</div>
<div class="align-div">Div 3</div>
<div class="align-div">Div 4</div>

<style>
    .flex-container {
        display: flex;
        justify-content: space-between;
    }
</style>

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

<style>
    .grid-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
</style>

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