請你幫我修改，這個爲什麽顯示的輸入框很大，請你幫我縮小并且需要從左向右依次排列 #main { width: 80%; margin: 50px auto; padding: 20px; background-color: #f5f5f5;

要将输入框从左向右依次排列，可以使用 `display: inline-block;` 属性。同时，将宽度设置为较小的值即可缩小输入框。修改后的代码如下：

#main {
  width: 50%;
  margin: 50px auto;
  padding: 20px;
  background-color: #f5f5f5;
}

input[type="text"] {
  display: inline-block;
  width: 30%;
  margin-right: 10px;
}

这样就可以将输入框从左向右排列，并且缩小输入框的大小。