JSFiddle - React, Tailwind, and code Playground

by Jack_V

HTML

<div class="feedback">
	<p> Вы можете воспользоваться данной формой, для того,        чтоб отправить нам сообщение.
	</p>
	<form action="#" method="post">
	    <p class="box">
			<label for="Name">Имя:</label>
			<input type="name" name="autor" id="Name"></input>
		</p>
		<p class="box">
			<label for="Mail">Email:</label>
            <input type="email" name="autormail" id="Mail"></input>
		</p>
		<p class="box">
			<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: 10px;
     line-height: 23px; 
   }

#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;
   }

.box {
    width: 310px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}