A little help with CSS

programming web dev
1

I have two questions. I created my very own form which will be used for a database connection. My issue is that since the input tags is relative for every single input boxes, including a checkbox that I decided to use.

  1. I would like to reduce the size of the Age input box to two characters max and the char width.

  2. Since the checkbox is considered an input, how can I tell css to strictly re-position that checkbox.


<div id="formwrapper">
  
  <form id="form1" name="form1" method="post" action="">
  
  <fieldset class="first">
  <label class="lableone" for="email">Email:* </label>
  <input name="email" />
  
  <label for="state"/>State:* </label>
  <input name="state" />
  
  <label for="schooldistrict"/>School District:* </label>
  <input name="schooldistrict" />
  
  <label for="gender">Gender:* </label>
 <select name="gender">
   <option>Choose Your Gender</option>
   <option value="male">Male</option>
   <option value="female">Female</option>
 </select>
  
    <label for="age"/>Your Age:* </label>
  <input name="age" />
  
  <label for="profession"/>Profession:* </label>
  <input name="profession" />
  
  <label for="surveys"/>Willingness to participate in future surveys: </label>
  <input type="checkbox" />
  
  </fieldset>
<fieldset>
  <input class="btn" name="submit" type="submit" value="Submit" />
<input class="btn" name="reset" type="reset" value="Clear Form" />
</fieldset>

  </form>
  </div>




"input {
    width:200px; margin:0 0 0 10em;
}"

Thanks in advanced for your help.