製作垂直線的方法分享

Question

我有一個聯絡資訊列表，就像這樣：Example

如何製作像圖片中那樣分隔電子郵件和熱線的垂直線，非常感謝

Answer 1

您可以使用鍵盤上的管道字元。它看起來像這樣：

|

-或-

您可以將行分成兩個元素，並在其中一個元素上新增邊框。 這只是一個範例：

HTML

<div class="left">电子邮件</div><div class="right">热线</div>

CSS

.left { display: inline-block; border-right: 1px solid black; padding: 0 10px; }
.right { display: inline-block; padding: 0 10px; }