Partagez comment créer des lignes verticales

Question

J'ai une liste de coordonnées comme celle-ci : Exemple

Comment faire une ligne verticale qui sépare l'email et la hotline comme sur la photo, merci beaucoup

Answer 1

Vous pouvez utiliser le caractère pipe sur votre clavier. Cela ressemble à ceci :

|

-ou-

Vous pouvez diviser la ligne en deux éléments et ajouter une bordure sur l'un d'eux. Ceci n'est qu'un exemple :

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