JSFiddle - React, Tailwind, and code Playground

by Narek Tarverdyan

HTML

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

CSS

form
    {
      width: 310px;
    }
.right
    {
      text-align: right; 
    }
label
   {
     margin-right: 5px;
   }
label, input
    {
        display: inline-block;
    }
#Name, #Mail, #type
   {
      box-sizing: border-box;
      width: 250px;
      box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);
      color: #6d6d37; 
      padding: 1px;
      background: #fff;
   }
#type
   {
      padding-left: 10px;     
   }
.announcement
   {
     width: 100%;
     box-sizing: border-box;
   }