css怎样将表单图片横着放,使用CSS将标签对齐到表单上的左侧

我有一个带有标签和输入的登录表单，我无法将标签放在左侧并输入到右侧。目前他们正坐在彼此之上。 下面是HTML：使用CSS将标签对齐到表单上的左侧

Username

Password

这里是CSS：

form {

margin:auto;

position:relative;

width:375px;

height:250px;

font-family: Lucida Sans, Geneva, sans-serif;

font-size: 14px;

font-style: italic;

line-height: 24px;

font-weight: bold;

text-decoration: none;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

padding:10px;

border: 1px solid #999;

border: inset 1px solid #333;

}

input { float:right;

width:350px;

display:block;

border: 1px solid #999;

height: 25px;

}

2015-11-02

Assy

+0

形式的宽度太小，标签对齐到左边......我宽度增加至475px和标签都在左侧虽然你的造型到输入搞砸了一下 –