JSFiddle - React, Tailwind, and code Playground

HTML

<div id="form">
<ul>
<li>  Ваша консоль:
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</li>

<li>Название -:
<select>

<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
</li>

<li>Защитники:
<select>
<option>+5</option>
<option>+4</option>
<option>+3</option>
<option>+2</option>
<option>+1</option>
</select>
</li>

<li> минимум:

<input type="text" onkeyup="this.value = this.value.replace (/\D/, '')" name="input">
</li>

<li>Челендж:
<select>
<option>—</option>
<option>+++</option>
</select>
</li>

<li>Сейв:
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</li>



<button type="submit" class="buton">ОК</button>


</div>

CSS

#form{
width:960px;
height:50px;
margin: 0 auto;	
	height:50px;
	background: transparent;
	background-image:url(images/dark.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0 auto;
	clear:both;
	margin-bottom:60px;	
}

#form ul li{
margin: 0 auto 20px;	
display: inline-block;	
width: 150px;
text-align:center;
color: #d8d8d8;


	
}

select{
width:130px;	
	
}

input{
width:130px;	
	
}

.button{
width:20px;	
	
}

.head{
	width:960px;
height:50px;
margin: 0 auto;
	font-size:30px;
	font-weight:bold;
	color:black;
}