无法通过文本框获取按钮级别

Question

我在提交按钮旁边有一个文本框，但由于某种原因我无法让他们排队。我尝试添加减值边距，但浏览器似乎忽略了这一点。

我正在使用的HTML是：

<input type="text" id="toDoInput" /> 
<input type="submit" id="addToDo" value="" />

CSS是：

#toDoInput {
    background: #E6E6E6;
    border: 0px;
    border-bottom:3px solid #B1B1B1;
    color:000;
    font-family: Arial;
    font-size:1.5em;
    margin: 10px;
    padding-left:5px;
    height:42px;
}

#addToDo {
    background:url(images/todo-input.jpg) #08a2f1 no-repeat center;
    height:47px;
    width:47px;
    colour:#61c5f9;
    border:0px;
    margin-left:-14px;
    cursor:pointer;
    border-bottom:3px solid #0b90d4;
}

这里还有一个问题的问题：http://jsfiddle.net/v5DuN/

Answer 1

大多数时候我想对齐内联块元素，我需要vertical-align: middle：

input {
    vertical-align: middle;
}

Demo

^{其他vertical-align值也可以起作用。}