HTML如何将图像向右对齐，然后与边距/填充对齐？或居中，将一张x px向右对齐，另一张图像稍微向左对齐

<style>
    .right-align {
        float: right;
        margin: 10px; /* 可根据需要自定义边距大小 */
    }
</style>

<img src="image1.jpg" class="right-align" alt="图像1">

<style>
    .right-align {
        float: right;
        margin: 10px; /* 可根据需要自定义边距大小 */
    }

    .left-align {
        float: left;
        margin: 10px; /* 可根据需要自定义边距大小 */
    }

    .center-align {
        display: block;
        margin: 0 auto;
    }
</style>

<img src="image1.jpg" class="right-align" alt="图像1">
<img src="image2.jpg" class="left-align" alt="图像2">
<img src="image3.jpg" class="center-align" alt="图像3">