JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<div class="feedback">
	<p> Вы можете воспользоваться данной формой, для того,        чтоб отправить нам сообщение.
	</p>
	<form action="#" method="post">
	    <p>
			<label for="Name">Имя:</label>
			<input type="name" name="autor" id="Name"></input>
		</p>
		<p>
			<label for="Mail">Email:</label>
            <input type="email" name="autormail" id="Mail"></input>
		</p>
		<p>
			<label for="type">Вид:</label>
			<select name="sort" form="mail" id="type">
	    		<option value="general">общие вопросы</option>
    			<option value="tech">технические вопросы</option>
		    </select>	
			</p>
			<p><b>Введите Ваше сообщение:</b></p>
			<p>
				<textarea class="announcement" name="comment">              </textarea>
			</p>
			<p><input type="submit" value="Отправить"></input></p>
	</form>
</div>

CSS

label
   {
     margin-right: 5px;
     width: 50px; 
     line-height: 23px; 
   }
label, input
    {
        display: inline-block;
        text-align: right;     
    }
#Name, #Mail, #type
   {
      width: 250px;
      box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);
      color: #6d6d37; 
      padding: 1px;
      padding-left: 10px;
      box-sizing: border-box;
   }