Html <；部门>；移出父级而不设置任何偏移量/边距

我想要这样的东西：

嵌套文件夹路径

因此，我从Feeder chrome扩展中复制并粘贴了一些代码，并将其与我自己的代码混合，以获得所需的内容：

。文件夹路径{
显示：内联块；
高度：50px；
宽度：350px；
边框：0.1px纯黑；
}
.文件夹路径.路径部分{
显示：内联块；
高度：50px；
线高：50px；
左边距：10px；
位置：相对；/*点击此处*/
顶部：-7px；
}
.文件夹路径.路径部分+div{
显示：内联块；
高度：50px；
宽度：35px；
显示：内联块；
内容：“；
-webkit变换：旋转（-45度）；
变换：旋转（-45度）；
宽度：35px；
高度：35px；
边框：1px实心rgba（0,0,0,0.2）；
-webkit遮罩图像：-webkit渐变（线性、左上、右下、从（透明）、颜色停止（0.5，透明）、颜色停止（0.5，#000000）到（#000000））；
位置：相对位置；
左：-15px；/*稍微向左移动*/
顶部：6px；/*以适应旋转*/
}

片段
D

奇数对齐是由于默认的

垂直对齐：基线

。似乎您想要垂直对齐：中间

.folder path>div{
显示：内联块；
垂直对齐：中间对齐；
}

。文件夹路径{
显示：内联块；
高度：50px；
宽度：350px；
边框：0.1px纯黑；
}
.文件夹路径.路径部分{
显示：内联块；
垂直对齐：中间对齐；
高度：50px；
线高：50px；
左边距：10px；
}
.文件夹路径.路径部分+div{
显示：内联块；
垂直对齐：中间对齐；
高度：50px；
宽度：35px；
-webkit变换：旋转（-45度）；
变换：旋转（-45度）；
宽度：35px；
高度：35px；
边框：1px实心rgba（0,0,0,0.2）；
-webkit遮罩图像：-webkit渐变（线性、左上、右下、从（透明）、颜色停止（0.5，透明）、颜色停止（0.5，#000000）到（#000000））；
}

片段
D

这是因为您有箭头，因为箭头的位置相对而言，对箭头位置的任何更改都会影响其他

div

元素。您可以通过使箭头处于绝对位置来测试它，您将看到文本垂直对齐。@Sahil谢谢！请查看更新的问题。谢谢您的回答！