Объясните, как сделать разделенный на две части border?
Псевдоэлементами. Например.
:before, :after с градиентом в прозрачность.
Как-то так::before{
content: "";
display: block;
width: 3px;
height: 100%;
background: linear-gradient(to bottom,  #000 45%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%, #000 50%);
}