Teilen Sie uns mit, wie man vertikale Linien erstellt

Question

Ich habe eine Liste mit Kontaktinformationen wie diese: Beispiel

Wie erstelle ich eine vertikale Linie, die E-Mail und Hotline trennt, wie im Bild, vielen Dank

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; }