I have a contact info list like this: Example

How to make the vertical line that separates email and hotline like in the picture, many thank

CodePudding user response：

You can use the pipe character from your keyboard. It looks like that:

|

-OR-

You can split the line into 2 elements and add a border to one of them. Just an example:

HTML

<div >Email</div><div >Hotline</div>

CSS

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