如何让文字在div上面浮动

Question

我想做成的效果是这样的

以下是我的代码，样式我没有搞出来

但是我最终做成的结果是这样的

额，没办法将文字浮动在div上面，使用相对定位也不行

Answer 1

把p标签放到div内容，使用相对定位，调整right和bottom到合适位置

        <div class="txz" style="z-index: 100;position: relative;">
            <img src="" alt="">
            <p style="position: absolute;bottom:0;right:0;">光照</p>
        </div>