[Jellby]

If you don't want to use a real table, maybe some use of "display: table-cell" and "display: table-row" in CSS can help:

div {display: table-row}
span.one {display: table-cell; min-width: 4.5em}
span.two {display: table-cell; padding-left: 0.5em}

<div>
<span class="one">Task 1:</span>
<span class="two">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel sem tellus. Morbi dignissim cursus neque, sed auctor tellus ultricies non.</span>
</div>

<div>
<span class="one">Task 2:</span>
<span class="two">Nunc porttitor est ac turpis fermentum sollicitudin. Cras scelerisque, arcu ut tempor venenatis, sem enim lobortis orci, a suscipit risus est ac purus.</span>
</div>

<div>
<span class="one">Task 12:</span>
<span class="two">Proin eu consequat purus. Quisque augue diam, dictum non varius eget, ultrices at turpis. Nullam a commodo ante. Nulla porttitor felis a ipsum volutpat tincidunt.</span>
</div>

at least the "table" code is only in the CSS.