Question : Align a table asp.net css

How can I align my table to match my asp table look and width. Also , can someone recommend me a nice css, html editor other than MS Visual Web Developer, and Expression Web, and Dream Weaver?

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:

           
           
          <table style="width: 97%; margin-left: 17px;" border="solid">
        <tr>
            <td style="border-style: solid; border-width: 1px">
                <b>Nurses/Tech Name: </b> <span>
                <asp:dropDownList ID="Nurses" runat="server" DataValueField="Column1" 
                      >
                                    
                </asp:dropDownList>
                
        &nbsp;&nbsp;
        </span>
       
            </td>
            <td>
            <b>Department: <asp:DropDownList ID="departmentTextBox" runat="server">
                <asp:ListItem>DHR Surgery</asp:ListItem><asp:ListItem>WHR Surgery</asp:ListItem><asp:ListItem>CVOR</asp:ListItem><asp:ListItem>Cath Lab</asp:ListItem><asp:ListItem>Radiology</asp:ListItem><asp:ListItem>Endoscopy</asp:ListItem></asp:DropDownList></b>           
             </td>
        </tr>
        <tr>
            <td style="border-style: solid; border-width: 1px">
            <b>Physician&#39;s Name:</b>
        
    <asp:dropdownlist ID="Physician" runat="server">
                 </asp:dropdownlist>
        &nbsp;</td>
            <td>
            <b>Visit ID: 
            <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server"  
                    ControlToValidate="VisitID" ErrorMessage="Visit ID" InitialValue=""  Text="*"></asp:RequiredFieldValidator>
            <asp:TextBox ID="VisitID" runat="server" ></asp:TextBox>
            </b>
            </td>
        </tr>
        <tr>
            <td style="border-style: solid; border-width: 1px">
            <b>Procedure:</b>
        <span class="dropDownList">
            <b> 
            <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server"  
                    ControlToValidate="procedureTextBox" ErrorMessage="Procedure" InitialValue=""  Text="*"></asp:RequiredFieldValidator>
            </b>
            <asp:textbox ID="procedureTextBox" runat="server" Width="300px"></asp:textbox>
       
        </span>
            </td>
            <td>
            <b>Date:</b>
            <asp:Label ID="dateLabel" runat="server" CssClass="dateFont"></asp:Label>      
            </td>
        </tr>
    </table>

           
         

Answer : Align a table asp.net css

Reorder your cells as below

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:

           
           
             <table width="100%" border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <table style="width: 100%">
                    <tr>
                        <td>
                            <b>Nurses/Tech Name: </b><span>&nbsp;<asp:DropDownList ID="Nurses" runat="server"
                                CssClass="dropDownList">
                            </asp:DropDownList>
                                &nbsp;&nbsp; </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Physician&#39;s Name:</b>
                            <asp:DropDownList ID="Physician" runat="server">
                            </asp:DropDownList>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Procedure:</b> <span class="dropDownList">
                                <asp:TextBox ID="procedureTextBox" runat="server" Width="300px"></asp:TextBox>
                            </span>
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <table style="width: 100%">
                    <tr>
                        <td>
                            <b>Department:<asp:DropDownList ID="DropDownList2" runat="server">
                                <asp:ListItem>DHR Surgery</asp:ListItem>
                                <asp:ListItem>WHR Surgery</asp:ListItem>
                                <asp:ListItem>CVOR</asp:ListItem>
                                <asp:ListItem>Cath Lab</asp:ListItem>
                                <asp:ListItem>Radiology</asp:ListItem>
                                <asp:ListItem>Endoscopy</asp:ListItem>
                            </asp:DropDownList>
                            </b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Visit ID:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                            </b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <b>Date:</b>
                            <asp:Label ID="Label1" runat="server" CssClass="dateFont"></asp:Label>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

           
         