在Web開發中，CSS是不可或缺的一部分。它可以讓我們對網頁的樣式進行非常細致的調整，以便讓頁面的布局更加合理，內容更加易于閱讀。其中，列表盒子是Web頁面中常見的一個組件。與其他的HTML元素不同，列表盒子通常不會包含任何文本。但有時候，我們需要在列表盒子下方添加一些文字，以便更好地呈現頁面的內容。那么，該如何在列表盒子下方添加文字呢？這就需要用到CSS了。

要在列表盒子下方添加文本，首先需要將列表盒子的位置設置為相對定位（position:relative）。這樣，我們就可以使用絕對定位（position:absolute）來讓文本顯示在列表盒子下方。接下來，我們需要在CSS中添加以下代碼：

.list {
position:relative;
}
.list:after {
content:"這里是文本";
position:absolute;
left:0;
bottom:-20px;
}

以上代碼將列表盒子(.list)的位置設置為相對定位，并在它的后面添加了一個偽元素(:after)。在該偽元素中，我們設置了文本內容(content)為“這里是文本”，位置為絕對定位(position:absolute)，左邊距離為0(left:0)，下邊距離為20像素(bottom:-20px)。這樣，文本就會顯示在列表盒子下方，并與它的左邊對齊。

需要注意的是，這種方法在將列表盒子嵌套在另一個容器中時可能無法正常工作。如果您遇到了這種情況，可以嘗試使用flex布局或者其他方法來實現列表盒子下方的文本。