CSS可以很方便地實現豎向信息條。我們可以將HTML元素旋轉90度，從而實現信息條豎著排列。以下是實現豎向信息條的代碼示例：

<style type="text/css">
.vertical {
writing-mode: vertical-lr; /* 豎向排列 */
text-align: center; /* 居中對齊 */
padding: 10px; /* 設置內邊距 */
background-color: #f2f2f2; /* 設置背景顏色 */
}
</style>
<div class="vertical">
<p>這是第一條信息</p>
<p>這是第二條信息</p>
<p>這是第三條信息</p>
</div>

在上面的代碼中，我們使用了writing-mode屬性將元素旋轉為豎向排列。我們還使用text-align屬性將文本居中對齊，并使用padding屬性設置了內邊距。最后，我們設置了背景顏色，為信息條增加一些美感。

需要注意的是，由于豎向信息條的排列方式不同于常規的水平排列方式，因此在設計UI時需要注意信息的順序和布局，以便于用戶的閱讀和識別。