css - 如何在不隐藏部分阴影的情况下缩进？

Question

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

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

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

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

已回答

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

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

    overflow: hidden;
}

Answer 1

向 indent-1 添加填充。