JSFiddle - React, Tailwind, and code Playground
HTML
<input class="left" type="submit" value="Import" id="import">
<label class="right" for="import">Question 1 </label>
<p>
<label class="left" for="questionNo">Total Question Number: </label>
<input class="right" type="number" id="questionNo" autocomplete="off">
</p>
<p>
<label class="left" for="questionType">Select Question Type: </label>
<select class="right" id = "questionType">
<option value = "single">Single Selection</option>
<option value = "multiple" selected>Multiple Selection</option>
<option value = "slider">Slide</option>
<option value = "textArea">Text Area</option>
</select></p>
<p>
<label class="left" for="questionText">Question Text: </label>
<textarea rows="3" class="right" id="questionText"></textarea></p>
<br>
<p>
<label class="left" for="choiceNum">Number of Choices: </label>
<input class="right" type="number" id="choiceNum" value="3" autocomplete="off">
</p>
<p>
<label class="left" for="choiceNo1">Choice 1: </label>
<input class="right" type="text" id="choiceNo1" autocomplete="off"></p>
<p>
<label class="left" for="choiceNo2">Choice 2: </label>
<input class="right" type="text" id="choiceNo2" autocomplete="off"></p>
<p>
<label class="left" for="choiceNo3">Choice 3: </label>
<input class="right" type="text" id="choiceNo3" autocomplete="off"></p>
<input class="left" type="submit" value="Homepage" id="import">
<input class="right" type="submit" value="Submit...
CSS
.left
{
position:relative;
left:10px;
}
.right
{
position:fixed;
left:300px;
}