多行文本左侧对齐

想要的效果：

Paste_Image.png

html:

<div class="box">
    <div class="a">
        <span>实践实践：</span>
        <p>哈哈哈哈哈哈代付订单让他让他让他问题儿童儿童儿童ret儿tertiary发的沙发斯蒂芬</p>
    </div>
    <div class="a">
        <span>实践实践：</span>
        <p>陶试试水安达市大所多双份的的范德萨发山东是的防守打法是的防守打法发水电费山东 </p>
    </div>
    <div class="a">
        <span>实践实践：</span>
        <p>哈哈哈哈哈哈代付订单让他让他让他问题儿童儿童儿童ret儿tertiary发的沙发斯蒂芬</p>
    </div>
</div>

css:

.a{
    padding-left: 80px;
    position: relative;
}
.a span{
    position: absolute;
    left: 0;
}