How to make vertical line like this?

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

>Solution :

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 class="left">Email</div><div class="right">Hotline</div>

CSS

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