Share how to make vertical lines
P粉442576165
P粉442576165 2023-09-07 22:54:19
0
1
509

I have a list of contact information like this: Example

How to make a vertical line that separates email and hotline like in the picture, thank you very much

P粉442576165
P粉442576165

reply all(1)
P粉141925181

You can use the pipe character on your keyboard. It looks like this:

|

-or-

You can split the row into two elements and add a border on one of them. This is just an example:

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; }
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template