Html 对齐多个标签

Html 对齐多个标签,html,css,Html,Css,我希望将几个HTML标签对准页面左侧,如下面的示例所示 这是我实现的一个想法的代码。见以下代码: .form\u填充,标签{ 字体系列:“Pridi”,衬线; 字体大小:16px; 字体大小:粗体; 颜色:#5959; 填充顶部:20px; 左侧填充:90px; } .form_组{ 高度:28px; 宽度:272px; 边框宽度:1px 1px 2px 1px; 边框样式:实心; 边框颜色:#ccc#ccc#C22312#ccc; 边界半径:1px; } 您的用户名: 您的电子邮件地址

我希望将几个HTML标签对准页面左侧,如下面的示例所示

这是我实现的一个想法的代码。见以下代码:

.form\u填充,标签{
字体系列:“Pridi”,衬线;
字体大小:16px;
字体大小:粗体;
颜色:#5959;
填充顶部:20px;
左侧填充:90px;
}
.form_组{
高度:28px;
宽度:272px;
边框宽度:1px 1px 2px 1px;
边框样式:实心;
边框颜色:#ccc#ccc#C22312#ccc;
边界半径:1px;
}

您的用户名:
您的电子邮件地址:
确认您的电子邮件:

嗨,我在下面做的是将表单填充和标签css分开

然后在标签上添加display:inline块、text align:right、add right margin并指定宽度。

在此处指定宽度很重要,因为这将使间距均匀

运行下面的代码。
.form\u填充{
显示:块;
填充顶部:20px;
}
标签{
字体系列:“Pridi”,衬线;
字体大小:16px;
字体大小:粗体;
颜色:#5959;
左侧填充:0px;
宽度:180px;
显示:内联块;
文本对齐:右对齐;
右边距:20px;
}
.form_组{
高度:28px;
宽度:150px;
边框宽度:1px 1px 2px 1px;
边框样式:实心;
边框颜色:#ccc#ccc#C22312#ccc;
边界半径:1px;
}

您的用户名:
您的电子邮件地址:
确认您的电子邮件:

这张表格应该是有响应的吗?@Sharak:是的,请HHHH谢谢你一个Looottt它很有效谢谢你:-)