JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<ul class="left_ul">
<li>Название</li>
<li>Адрес</li>
<li>Телефон</li>
<li>E-mail</li>
<li>Контактное лицо</li>
</ul>
<ul class="right_ul">
<li>
<input type="text">
</li>
<li>
<input type="text">
</li>
<li>
<input type="text">
</li>
<li>
<input type="text">
</li>
<li>
<input type="text">
</li>
</ul>
</form>
CSS
.left_ul,
.right_ul {
list-style-type: none;
-webkit-padding-start: 0;
float: left;
margin-bottom: 0 !important;
}
.left_ul {
text-transform: uppercase;
width: 30%;
}
.left_ul li {
line-height: 40px;
vertical-align: middle;
}
.right_ul {
width: 70%;
}
.right_ul input {
display: block;
width: 100%;
height: 34px;
border: none;
background-color: #Fff;
padding: 0;
outline: none;
margin-bottom: 6px;
}