在網頁設計中，我們經常需要將兩個文本框放在同一行，以實現更加美觀的排版效果。這時候，CSS就派上用場了。

在CSS中，我們可以使用display:inline-block屬性來讓兩個元素在同一行顯示。下面是一個示例代碼：

.textbox {
display: inline-block;
width: 200px;
height: 30px;
margin-right: 20px;
border: 1px solid #ccc;
padding: 5px;
}

上面的代碼定義了一個名為“textbox”的類，其中設置了元素的display屬性為inline-block，讓其在同一行顯示。同時，還設置了寬度、高度、邊框、內邊距等樣式。

接下來，我們可以在HTML中應用這個類，實現兩個文本框在同一行的效果：

<div>
<input type="text" class="textbox" placeholder="請輸入用戶名">
<input type="password" class="textbox" placeholder="請輸入密碼">
</div>

上面的代碼使用了<input>標簽來創建兩個文本框，并應用了“textbox”類，讓它們在同一行顯示。這樣做可以提高網頁的美觀程度，讓用戶更加易于使用。

總之，在網頁設計中，靈活運用CSS可以達到很好的效果。只要掌握了一些基本的CSS樣式，就可以輕松實現各種排版效果。