在CSS中，我們可以將一個塊級元素變為內聯元素，只需要使用display屬性即可。當我們將一個塊級元素變為內聯元素后，它就可以像行內元素一樣排列。下面是一個示例:

.box {
background-color: gray;
width: 200px;
height: 200px;
}
/* 將.box變為內聯元素 */
.box {
display: inline;
}

在上面的代碼中，我們先定義了一個類名為.box的塊級元素，并設置了它的背景顏色、寬度和高度。然后，我們又添加了一個選擇器，并將.box的display屬性設置為inline，這樣.box就變成了內聯元素。接下來，看看我們的HTML代碼：

<div class="box"></div>

我們可以看到，在HTML中使用了一個div元素，并給它添加了class為box。這個div元素就是我們上面定義的那個塊級元素。現在，我們已經將它變成了一個內聯元素。

另外，還有一點需要注意，當我們將一個塊級元素變成內聯元素時，它的display屬性值會被修改，因此可能會改變它原先的樣式。如果需要保持原有的樣式，請使用display: inline-block;代替display: inline;。

總之，將塊級元素變為內聯元素是很容易實現的。只需要使用display屬性即可。但是，在轉換之前，一定要考慮好你的需求，避免引起不必要的樣式差異。