許多網站都需要讓用戶在輸入框中輸入信息。但是，如果這些輸入框沒有得到良好的排版，它們可能會顯得笨重而且難以使用。CSS提供了一些實用的工具來幫助我們更好地排版輸入框。

一種常見的方法是將多個輸入框放在同一行內。這種方式可以節省空間，使得頁面看起來更簡潔。我們可以使用display屬性來實現這個效果：

input {
display: inline-block;
margin-right: 10px;
}

上面的代碼將所有的input元素都設置為內聯塊狀元素，并將它們之間的間距設置為10像素。這樣，如果我們在HTML中使用以下代碼：

姓名：郵箱：

那么，"姓名"和"郵箱"就會在同一行內，而不是分別占用兩行。

我們還可以使用CSS的flexbox來排版輸入框。在這種方式下，我們只需要為包含所有輸入框的父元素設置一些flexbox屬性即可。

.container {
display: flex;
justify-content: space-between;
}

上面的代碼將所有的輸入框都放在了一個flex容器中，并將它們之間的間距設置為容器的余剩空間的一半。這樣，我們可以在HTML中使用以下代碼：

姓名：郵箱：

這樣，"姓名"和"郵箱"就會在同一行內，同樣地節省了頁面空間。

總之，我們可以使用CSS的display和flexbox屬性來很容易地排版多個輸入框。這些方法都可以幫助我們創建一個干凈、整潔的用戶界面，使得用戶更容易地輸入信息。