css 靠右

/* 将元素靠右对齐的示例代码 */

/* 方法1：使用 text-align 属性（适用于内联元素或文本内容） */
.right-aligned-text {
    text-align: right;
}

/* 方法2：使用 margin-left 和 margin-right 属性（适用于块级元素） */
.right-aligned-block {
    margin-left: auto;
    margin-right: 0;
}

/* 方法3：使用 float 属性（适用于块级或内联块级元素） */
.right-aligned-float {
    float: right;
}

/* 方法4：使用 Flexbox 布局（适用于父容器中的子元素） */
.container {
    display: flex;
    justify-content: flex-end;
}

解释说明：

1. text-align: right;：适用于内联元素或文本内容，使文本靠右对齐。
2. margin-left: auto; margin-right: 0;：适用于块级元素，通过设置左边距为 auto，右边距为 0，使得元素靠右对齐。
3. float: right;：适用于块级或内联块级元素，使其浮动到右侧。需要注意的是，浮动元素可能会对其它布局产生影响，使用时需谨慎。
4. Flexbox 布局：通过将父容器设置为 display: flex; 并使用 justify-content: flex-end;，可以使子元素靠右对齐。这是一种现代且灵活的布局方式。