CSS是前端開發中不可或缺的一部分。它可以讓頁面變得更加美觀，復雜的布局得到實現。其中，內聯塊狀元素是CSS中比較重要的一部分。這種元素是在文本流中的元素，可以使元素在同一行內排列。

<div style="display: inline-block; width: 100px; height: 100px; background-color: red;"></div>
<div style="display: inline-block; width: 100px; height: 100px; background-color: blue;"></div>

在上面的代碼片段中，兩個div元素被設置為內聯塊狀元素，并且寬和高都被設置為100px。這樣，這兩個元素便可以在同一行內排列了，而不是像塊級元素一樣獨占一行。

除了設置display屬性為inline-block，我們還可以使用vertical-align來改變元素相對于基線的位置。默認情況下，內聯塊狀元素的垂直對齊方式是基線。我們可以通過設置vertical-align屬性來改變元素的垂直對齊方式，比如middle、top、bottom等。

<div style="display: inline-block; width: 100px; height: 100px; background-color: red; vertical-align: middle;"></div>
<div style="display: inline-block; width: 100px; height: 100px; background-color: blue; vertical-align: middle;"></div>

在上例中，我們將兩個元素的垂直對齊方式都設置為middle，可以使它們在同一行內居中對齊。

總之，內聯塊狀元素是CSS中非常有用的一種元素，它可以讓頁面布局變得更加靈活和美觀，是我們在前端開發過程中必須要熟練掌握的知識點。