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

インデント-1にパディングを追加します。