JSFiddle - React, Tailwind, and code Playground
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
body
{
background: white;
}
form
{
width: 310px;
font-size: 16px;
}
P + P
{
margin-top: 16px;
}
input, textarea, select
{
line-height: 16px;
border: 1px solid #8ac;
}
input
{
height: 22px;
}
textarea
{
height: 53px;
}
label, input
{
display: inline-block;
}
.right
{
text-align: right;
}
label
{
margin-right: 5px;
}
#Name, #Mail, #type
{
box-sizing: border-box;
width: 250px;
color: #6d6d37;
padding: 1px;
}
form :focus
{
box-shadow: inset 0 1px 5px rgba(0,100,100,0.2);
}
#type
{
padding-left: 10px;
}
.announcement
{
width: 100%;
box-sizing: border-box;
}
input[type="submit"]
{
background: white;
border-radius: 4px;
box-shadow: inset 0 1px 10px 2px rgba(30, 100, 100, 0.1);
}