CSS使边距独立于父div内的文本

Question

对于我的编辑器，我需要一条垂直线从draggableNode（蓝色框）的底部运行到页面底部。当div draggableNode内的文本超过一行时，垂直线也会向下移动，见下文：

我可以看到垂直线依赖于文本的结尾，而我希望它依赖于draggableNode的底部，而不管文本的行数是多少。我怎么能这样做呢？

CSS

.draggableNode {
  width: 100px;
  height: 36px;
  margin: 0;
  margin-left:15px;
  position:absolute;
  background-color: #29e;
  color: white;
  z-index:9995;
  border-radius: 0.5em;
  padding: .5em;
}

.verticalLine {
    border-left: 3px solid #000000;
    position: relative;
    margin-left:50px;
    z-index:-1;
    height: 613px;
    width:0;
    margin-top: 8 px;
}