如何让文本填充左边距为负的图像(旁边)所产生的空白处？

<style>
    .container {
        background-image: url('your-image-url');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 20px; /* 设置文本的左边距 */
    }
</style>

<div class="container">
    Your text here
</div>

<style>
    .container {
        position: relative;
        padding-left: 20px; /* 设置文本的左边距 */
    }
    
    .container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 20px; /* 设置伪元素的宽度 */
        height: 100%; /* 设置伪元素的高度 */
        background-image: url('your-image-url'); /* 设置伪元素的背景图像 */
        background-repeat: no-repeat;
        background-position: left top; /* 设置伪元素的位置 */
    }
</style>

<div class="container">
    Your text here
</div>