JSFiddle - React, Tailwind, and code Playground
by darkajax
HTML
<form action="<?php $_SERVER['PHP_SELF'] ?>" method="post">
<div class="box_wrapper">
<table style="width: 580px;">
<tr>
<td class="label">Name</td>
<td>
<input name="name" type="text" class="text-field" placeholder="Name" required /></td>
</tr>
<tr>
<td>
<div class="label">E-Mail</div>
</td>
<td>
<input name="email" type="email" class="text-field" placeholder="[email protected]" required /></td>
</tr>
<tr>
<td class="label">Thema</td>
<td>
<select name="betreff" class="select_field">
<option value="o1">Videos</option>
<option value="o2">Webseite</option>
<option value="o3">Sonstiges</option>
</select></td>
</tr>
<tr>
<td class="label" valign="top">Anliegen</td>
<td>
<textarea name="inhalt" class="textarea"></textarea></td>
</tr>
<tr>
<td></td>
<td> <div class="button_container">
<button name="submit" class="submit_btn" type="submit">Absenden</button>
<button name="reset" class="submit_btn" type="reset">Zurücksetzen</button>
</div></td>
</tr>
</table>
</div>
</form>
CSS
.box_wrapper {
margin: 0 auto;
height: auto;
width: 600px;
padding: 15px;
background: #ccc;
}
.button_container {
width: auto;
min-width: 834px;
margin: 0 auto;
float: left;
}