가상 세로줄 넣기

.footer li:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0;
}

.footer li:first-child:before {
    width: 0;
    height: 0;
}

가상으로 세로줄의 입력이 필요한 경우 위와 같이 입력 처리할 수 있다.

그 결과 화면은 다음과 같다.