使用CSS希望在div

Question

这里https://jsfiddle.net/pzdcjtfo/38/是整个示例。

初始代码是这样：

.append_section {position: relative;}

    .append_section::before {
    content:'Before';
    background:white;
    color:green;
    position: absolute;
    top: 0px;
    display:block;
    width:100px;
    height:20px;
    border:1px solid red;
    }


    .resizable_div { 
    resize:both;
    overflow:auto;
    }

    div{
    border:1px solid #ccc;
    width:250px;
    }

<div class="resizable_div append_section" contenteditable>
Some text before which i want to show some element or content <br/>
</div>

我想在.append_section之前显示内容。但是它什么也没显示。如果我删除overflow:auto;并在.append_section内插入一些元素（div，span），则所有工作正常。

但是我需要保持div可调整大小，并且不想在.append_section内插入任何元素。

任何人都可以建议如何使所有这些发挥作用。

编辑，感谢@Temani Afif更正并可以正常工作。