web form

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Web from</title>

        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
        <div id="content">
            <form method="post" action="#">
                <fieldset>
                    <table>
                        <tfoot>
                        <tr>
                            <td colspan="2" class="inputCol">
                                <input type="submit" name="submit" value="Submit" />
                                <input type="reset" value="Clear This Form" />
                            </td>
                        </tr>
                        </tfoot>
                        <tr>
                            <td class="formLabel">
                                <label for="LastName">Last Name</label>
                            </td>
                            <td class="inputCol">
                                <input type="text" name="LastName" id="LastName" value="Batmanov" size="30" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="FirstName" >First Name</label>
                            </td>
                            <td class="inputCol">
                                <input type="text" name="FirstName" id="FirstName" value="Batman" size="30" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="Address">Address</label>
                            </td>
                            <td class="inputCol">
                                <textArea name="Address" id="Address" rows="5" cols="25">The Hidden Cave street 66</textArea>
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="City">City</label>
                            </td>
                            <td class="inputCol">
                                <input type="text" name="City" id="City" value="In the middle of..." size="15"/>
                                <label for="State">State</label>
                                <input type="text" name="State" id="State" value="Nowhere" size="5" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="Zip">Zip/Postal Code</label>
                            </td>
                            <td class="inputCol">
                                <input name="Zip" id="Zip" value="369" size="4" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel" >
                                <label for="Country">Country</label>
                            </td>
                            <td class="inputCol">
                                <select name="Country" id="Country">
                                    <option>Other</option>
                                    <option selected="selected">Bulgaria</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="Phone">Phone(country code, area code, number)</label>
                            </td>
                            <td class="inputCol">
                                (+<input name="PhoneCountryCode" id="Phone" value="359" size="5"/>)
                                <input name="PhoneCountryCode" value="883" size="5" />-
                                <input name="PhoneCountryCode" value="666967878" size="10" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="Email">Email</label>
                            </td>
                            <td class="inputCol">
                                <input type="email" name="Email" id="Email" value="[email protected]" size="25" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                Birthday
                            </td>
                            <td class="inputCol">
                                <label for="BirthdayMonth">Month</label>
                                <input name="BirthdayMonth" id="BirthdayMonth" type="text" value="13" size="1" />

                                <label for="BirthdayDay">Day</label>
                                <input name="BirthdayDay" id="BirthdayDay" type="text" value="01" size="1" />

                                <label for="BirthdayYear">Year(4 digit)</label>
                                <input name="BirthdayYear" id="BirthdayYear" type="text" value="1989" size="2" />
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="Genre">Genre</label>
                            </td>
                            <td class="inputCol">
                                <select name="Genre" id="Genre">
                                    <option>Female</option>
                                    <option selected="selected">Male</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                Starting date
                            </td>
                            <td class="inputCol">
                                <input type="radio" name="StartingDate" id="spring2006" value="spring2006" checked="checked"/>
                                <label for="spring2006">Sprint 2006</label>

                                <input type="radio" name="StartingDate" id="summer2006" value="summer2006"/>
                                <label for="summer2006">Summer 2006</label>
                            </td>
                        </tr>
                        <tr>
                            <td class="formLabel">
                                <label for="Comments">Comments/Questions</label>
                            </td>
                            <td class="inputCol">
                                <textarea name="Comments" id="Comments" cols="30" rows="4">Please send me more spam.</textarea>
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </form>
        </div>
    </body>
</html>


*********************************************************
CSS
*******************************************

root {
    display: block;
}

body, table, td, fieldset
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

body
{
    font-family: "Times New Roman",Georgia,Serif;
    font-size: 16px;
    background-color: #FFFFFF;
    color: #000000;
}

#content
{
    margin: 10px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
}


table
{
    width: 500px;
    border: 1px solid #bfbfbf;
    border-spacing: 0px;
}

td
{
    border: 1px solid #bfbfbf;
    padding: 0px;
}

tfoot
{
    background-color: #d1ede1;
    text-align: center;
}


.formLabel
{
    width: 150px;
    font-weight: bold;
    text-align: right;
    padding: 2px;
}

.inputCol
{
    width: 350px;
    padding: 5px;
    padding: 2px;
}