before：疑似要素の高さを親要素に合わせる

positionを使うことでbeforeの疑似要素の高さが親要素の高さをそろえてくれます。
■html

■css
#test{
position: relative;
vertical-align: middle;
}
#test li:before{
position: absolute;
width: 16px;
height: 100%;
right: 0;
background-color: #72BBD1;
}