JSFiddle - React, Tailwind, and code Playground
by Alexander Startsev
HTML
<div class="feedback">
<form class="content2" method="post" action="index.php?id=8">
<input name="formid" value="feedbackForm" type="hidden">
<div><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></div>
<div class="nomr"><label accesskey="f">Фамилия<input name="Surname" size="20" maxlength="60" type="text"></label></div>
<div style="clear: both;"><label accesskey="e">E-mail*<input name="email" size="20" maxlength="40" type="text"></label></div>
<div class="nomr"><label accesskey="s">Тема*<select name="subject">
<option selected="selected" value="Запрос поддержки">Вопрос</option>
<option value="Проблемы с сайтом">Замечания по работе сайта</option>
<option value="Общие вопросы">Общие вопросы</option>
</select></label></div>
<div><label accesskey="c">Текст письма
<textarea cols="40" rows="10" name="comments"></textarea></label></div>
<div class="break"><p>Пожалуйста введите код (чтобы предупредить спам):</p>
<img src="index.php_files/veriword.jpg" alt="verification code">
<input name="vericode" size="20" type="text">
<input id="sbmt" name="submit" value="Отправить" type="submit">
</div>
</form>
</div>
CSS
p {margin: 0; padding: 0;}
.nomr{margin-right: 0 !important;}
.feedback {
width: 555px;
overflow: auto;
color: #999;
padding: 10px;
}
.feedback div {float: left; margin:5px 83px 5px 0;}
.feedback input, .feedback select{width: 230px;}
.feedback {border: solid 1px #999;}
.feedback input, .feedback select, .feedback textarea {display:block; margin-bottom:5px; border: solid 1px #999;}
.feedback textarea {width:540px;}
.break {margin: 0 !important; width: 543px;}
.break p{margin: 0 0 10px 0;}
.break img{display: block; clear: top; margin-right: 30px; float: left;}
.break input {float: left;}
#sbmt {width: 100px !important; background: #000; float: right !important; color: #FFF;}