HTML文本框写在同一行,标签和文本框在同一行使用css

当创建一个新的asp.net mvc3应用程序时，您将获得登录和注册表单，并在文本字段上方添加标签。

我想改变它，以便标签和字段都在同一行上并对齐

以下不行

@using (Html.BeginForm()) {

Account Information

@Html.LabelFor(m => m.UserName)

@Html.TextBoxFor(m => m.UserName)

@Html.ValidationMessageFor(m => m.UserName)

@Html.LabelFor(m => m.Password)

@Html.PasswordFor(m => m.Password)

@Html.ValidationMessageFor(m => m.Password)

@Html.CheckBoxFor(m => m.RememberMe)

@Html.LabelFor(m => m.RememberMe)

CSS：

.display-label,.editor-label

{

display:inline-block;

width: 200px;

text-align: right;

margin-right: 10px;

}

.display-field,.editor-field

{

display:inline-block;

margin: 0.5em 0 0 0;

}