JSFiddle - React, Tailwind, and code Playground

by Jack_V

HTML

<div class="feedback">
	<p> Вы можете воспользоваться данной формой, для того,        чтоб отправить нам сообщение.
	</p>
	<form action="#" method="post">
	    <p class="containerFlex">
			<label for="Name">Имя:</label>
			<input type="name" name="autor" id="Name"></input>
		</p>
		<p class="containerFlex">
			<label for="Mail">Email:</label>
            <input type="email" name="autormail" id="Mail"></input>
		</p>
		<p class="containerFlex">
			<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
   {
     line-height: 28px;    
   }
#Name, #Mail, #type
   {
      width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
      box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);
      color: #6d6d37; 
      padding: 1px;
      padding-left: 10px;
   }

.containerFlex {
    width: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}