css - 如何对齐标签和文本框？ CSS

Question

我有以下表格:http://imgur.com/pI812gr

使用这个 CSS:

#myForm {
    margin: auto;
    width: 600px;
}
#myForm form {
    background-color: #E0E0E0;
    text-align: center;
    padding: 5px;
}
#myForm label {
    display: inline-block;
    text-align: left;
    width: 150px;
}
#myForm input {
    display: inline-block;
    text-align: center;
}
#myForm select {
    display: inline-block;
    width: 150px;
    text-align: left;   //this line does not seem to have any visible effects on the form
}

这是 jsfiddle 的链接:https://jsfiddle.net/3d44j5to/

如何对齐表单中的标签和文本框，以及如何在提交和重置按钮之间留出更多空间？

Answer 1

使用左对齐

我的表格标签{

display: inline-block;
text-align: left; //change is here
width: 150px;