JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<span class='t-pname'><input type='checkbox' value='1' name='Ackerbohnen' checked><a id='Ackerbohnen1' href='#'>Ackerbohnen</a></span>
<span class='t-sorte'>Winterbohnen</span>
<span class='t-funk'>Hauptkultur</span>
<span class='t-herk'>Aussaat</span>
<span class='t-aussaat'>150217</span>
<span class='t-erntevon'>310517</span>
<span class='t-erntebis'>E0617</span>

CSS

span.t-pname   { width: 125px; float:left; }
span.t-sorte   { width: 100px; float:left; }
span.t-funk    { width: 100px; float:left; }
span.t-herk    { width: 100px; float:left; }
span.t-aussaat { width: 55px; float:left; }
span.t-erntevon{ width: 55px; float:left; }
span.t-erntebis{ width: 55px; float:left; }