Javascript CSS使页边距独立于父div中的文本

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

我可以看到，垂直线取决于文本的结尾，而我希望它取决于DragTableNode的底部，不管文本有多少行。我怎么能这样做呢

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