13. Contact Us Form

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Contact Us</title>
   <style>
       #form
       {
           background: grey;
           display: inline-block;

       }
      form span
       {
           display: inline;
          width: 80px;
          background: grey;
          margin: 10px 3px 3px 8px;


       }
form input,form select{
   width: 150px;
    height: 20px;
    margin: 0px 5px;
    box-sizing: border-box;


}
       form select
       {
           margin: 1px;

       }
       form input[type='submit']
       {
           display: block;
           margin: 10px 0px 12px 98px;
           width: 80px;
           height: 30px;

       }

   </style>

</head>
<form id="form">
    <h1>Contact Us</h1>
    <span>First name:<span/> <input type="text" name="username" class="aaff"> <br/>
    <span>Last name:<span/> <input type="text" name="Lastname" class="aaff" > <br/>
        <span>Email:<span/> <input type="text" name="Email" class="aaff"> <br/>
    <span>Town:<span/> <select name="Town"class="aaff">

        <option value="1">Sofia</option>
        <option value="2">Pernik</option>
        <option value="3">Kiustendil</option>
        <option value="4">Blagoevgrad</option>
        <option value="5">Plovdiv</option>
    </select>

   <span> <input type="submit" value="Submit"></span>
</form>
</body>
</html>