将行表单组元素右对齐

<style>
    .form-group {
        clear: both;
        overflow: hidden;
    }

    .form-group label {
        float: left;
        width: 100px; /* 设置标签的宽度 */
        text-align: right;
    }

    .form-group input {
        float: right;
        width: 200px; /* 设置输入框的宽度 */
    }
</style>

<div class="form-group">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name">
</div>

<div class="form-group">
    <label for="age">年龄：</label>
    <input type="text" id="age" name="age">
</div>

<style>
    .form-group {
        display: flex;
        justify-content: flex-end; /* 将元素从右侧开始对齐 */
        align-items: center;
    }

    .form-group label {
        margin-right: 10px; /* 设置标签之间的间距 */
    }
</style>

<div class="form-group">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name">
</div>

<div class="form-group">
    <label for="age">年龄：</label>
    <input type="text" id="age" name="age">
</div>