如何缩进而不隐藏部分阴影？

Question

我有想要垂直对齐的内容，因此我使用这个简单的类来缩进：

.indent-1 {
    margin-left: 144px;
    overflow: hidden;
}

这在大多数情况下都可以正常工作，但是如果我在缩进中有一个带有投影的框content 中，overlfflow:hidden 隐藏了部分阴影。

有没有办法在不牺牲阴影的情况下完成这种缩进？

已解答

这是获得所需效果的完整样式，阴影完好无损：

.indent-1 {
    margin-left: 120px;
    padding-left: 24px; 
    /* margin + padding = 144 */

    overflow: hidden;
}

Answer 1

向 indent-1 添加填充。