JSFiddle - React, Tailwind, and code Playground

HTML

<html><head>
<style type="text/css">
        span.f1 { display: block; float: left; clear: left; width: 60px; }
        li { list-style-type: none; list-style-position: outside; }
    </style>

</head><body>
<ul>
<li><span class="f1">&nbsp;</span>The lazy dog.</li>
<li><span class="f1">AND</span> The lazy catThe lazy cat The lazy catThe lazy catThe lazy catThe lazy catThe lazy catThe lazy catThe lazy catThe lazy catThe lazy catThe lazy cat.</li>
<li><span class="f1">OR</span> The active goldfish.</li>
</ul>
</body>
</html>