Html 在两个Div之间进行Div

这有点难以解释，所以为了方便起见，我画了这个草图：

我基本上有两个div，一个外部div和一个内部div。我想做的是，我想在两个div之间加一条线。这可能吗？我应该如何处理

像这样

#外部{
宽度：400px；
高度：300px；
边框：1px纯红；
}
#内在的{
高度：125px；
边框：1px纯蓝色；
位置：相对位置；
}
#线{
位置：绝对位置；
宽度：1px；
高度：50px；
底部：-25px；/*高度的一半*/
左：50%；
左边框：1px纯绿色；
}

像这样吗

#外部{
宽度：400px；
高度：300px；
边框：1px纯红；
}
#内在的{
高度：125px；
边框：1px纯蓝色；
位置：相对位置；
}
#线{
位置：绝对位置；
宽度：1px；
高度：50px；
底部：-25px；/*高度的一半*/
左：50%；
左边框：1px纯绿色；
}

到目前为止，您的代码是什么？您是否不想只在内部

div

上使用

边框底部

？如果您不想只在内部

div上使用
边框底部
，您可以删除该
#行
div
，并在
之后使用
#内部：。带走不需要的HTML。作为补充option@Andrew）没错，我想没人会明白我在说什么，因为这个问题不是很清楚，但这正是我想要的。谢谢，我很感激！您可以删除该
#行
div
，并在
之后使用
#inner:after。带走不需要的HTML。作为补充option@Andrew）没错，我想没人会明白我在说什么，因为这个问题不是很清楚，但这正是我想要的。谢谢，我很感激！