search

Home  >  Q&A  >  body text

Share how to make vertical lines

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粉442576165P粉442576165475 days ago539

reply all(1)I'll reply

  • P粉141925181

    P粉1419251812023-09-08 18:53:14

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

    reply
    0
  • Cancelreply