CSS是前端開發中非常重要的一部分，可以用來美化我們的網頁，其中有一個非常實用的功能：幾行CSS代碼可以讓元素變成一行。

.item {
display: inline-block;
vertical-align: middle;
}

這里我們通過設置元素的display屬性為inline-block，讓元素在同一行顯示。同時，為了解決元素之間的垂直對齊問題，我們設置了vertical-align屬性為middle。

這個技巧可以用來實現導航欄、按鈕組等水平排列的元素，也能夠用來制作響應式的網格布局。例如下面的代碼可以將三個元素在不同的視口寬度下自動變成一行：

.item {
width: 33.33%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 767px) {
.item {
width: 50%;
}
}
@media screen and (max-width: 479px) {
.item {
width: 100%;
}
}

在上面的代碼中，我們將每個元素設置為33.33%的寬度，然后通過媒體查詢在不同設備下調整寬度，從而實現響應式布局。

總之，幾行CSS代碼可以讓元素變成一行，非常實用，值得我們掌握。