JSFiddle - React, Tailwind, and code Playground

HTML

<div>
							<div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1" name="ctl00$ContentPlaceHolder1$TextCtrl33.1">
    </div>
    <div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1" name="ctl00$ContentPlaceHolder1$TextCtrl33.1">
    </div>
    <div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1" name="ctl00$ContentPlaceHolder1$TextCtrl33.1">
    </div>
    <div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1" name="ctl00$ContentPlaceHolder1$TextCtrl33.1">
    </div>
    <div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1" name="ctl00$ContentPlaceHolder1$TextCtrl33.1">
    </div>
    <div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1" name="ctl00$ContentPlaceHolder1$TextCtrl33.1">
    </div>
    <div style="display:block;float:left;padding-right:5px;vertical-align:bottom;padding-bottom:2px;">
                                <span>Text1</span>
<br>
<input id="TextCtrl33.1" type="text" tabindex="-1" size="3" value="1"...