一个按钮在底部,另一个按钮在顶部,为什么?

时间:2013-10-06 14:45:51

标签: css button position

我遇到了带有CSS的2个按钮的问题。我想将两个按钮对齐。但CSS甚至不喜欢我想要它。因为按钮是底部而另一个按钮是顶部。见图片:http://home.arcor.de/freedownload/buttonwrong.jpg

也许你有解决方案给我?这将是完全赞赏的。

这是HTML代码:

<head>
<link href="formular.css" type="text/css" rel="stylesheet">
</head>

<span id="form1"><input type="text" id="form_username" name="username"></span><span id="form2"><input type="image" src="loginbutton.png"></span>

这是CSS代码:

#form_username {
    background: white url(username.png) left no-repeat;
    background-position: 8px;
    color: #adadad;
    padding: 8px;
    padding-left: 32px;
    font-family: Verdana;
    font-size: 12px;
    width: 200px;
    border: 1px solid #e4e4e4;
    outline: 3px solid #efefef;
}

1 个答案:

答案 0 :(得分:0)

尝试将此款式添加到#form_username

float: left;

Demo