asp:changePassword cellpadding

Question

So im using the asp:changePassword which shows the form which allows the user to display the password; I'm then centering the panel on screen. However I would like to add spacing/cell padding between the rows: So far I have :

<div style="position:relative;left:300px;top:100px;padding:10px;">
       <asp:ChangePassword ID="ChangePassword2" CancelDestinationPageUrl="~/Default.aspx" ContinueDestinationPageUrl="~/Default.aspx" runat="server">

       </asp:ChangePassword>
    </div>

I've tried: TextBoxStyle-CssClass & BorderPadding and tried positioning the div inside the changePassword and using 'class' to center it.

i see there is a and then create table and rows etc...

Is there a simpler way to do this? All i want to do is seperate each row in the changePassword Panel by 'cellpadding =5px'

Please advise thank you

EDIT:

<div style="position:relative;left:300px;top:100px;padding:10px;">      
            <asp:GridView ID="GV" runat="server" CellPadding="0" CellSpacing="0">
               <asp:ChangePassword ID="ChangePassword2" BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" 
                BorderWidth="1px" CancelDestinationPageUrl="~/Default.aspx" ContinueDestinationPageUrl="~/Default.aspx" runat="server">             
                </asp:ChangePassword>
           </asp:GridView>       
    </div>

Answer 1

I think you need to be using the GridView control. Then in the markup, be sure to set cellpadding and cellspacing to zero and then apply the following CSS...

table { border-collapse: collapse; }
table tr, table td, table th { border: solid 5px #000; margin: 0; padding: 0; }