Как центрировать один div в форме

Question

Я работаю на C # Asp.net

Main div ---- таблица

хочу показать этот div в середине формы. Я хочу создать форму входа в систему. Моя таблица содержит

User name:**(it's a lable,on browser it's broken like user
                                                       name : show why?)**
password:

<div id="main">

<table width="600px" border="1">
            <tr>
                <td>
<asp:Label ID="Label1" runat="server" CssClass="cssLabel" Text="User Name :"></asp:Label>
                </td>


                <td>
 <asp:Label ID="Label2" runat="server" CssClass="cssLabel" Text="Password :"></asp:Label>
                </td>
            </tr>
        </table>

</div>

хотите показать div в середине формы? и почему мой ярлык сломался, как его решить?

если вы зашли на google.com, то вы видите, что текстовое поле занимает позицию в середине кадра. Я хочу это. Я хочу, чтобы мои элементы управления также занимали положение в середине кадра. Как это сделать?

Answer 1

Вы можете использовать это, чтобы показать idiv n середину формы: -

<div style="margin-left:auto;margin-right:auto;">Put the controls here </div>

Answer 2

Вы отредактировали свой вопрос сейчас, так что он не дает вам точный код, который вам нужен, но поможет вам разобраться с ним / другим, кто просматривает ваш вопрос с похожей проблемой.Так что вот так ... вам нужно что-то вроде этого:

<style type="text/css">
    .wrp { width: 100%; text-align: center; }
    .frm { text-align: left; width: 500px; margin: auto; border: 1px solid black; }
    .fldLbl { white-space: nowrap; }
</style>

<div class="wrp">
    <div class="frm">
        <span class="fldLbl">User name:</span>
    </div>
</div>

Answer 3

попробуйте этот вариант, то есть стиль div с style="width:100%;text-align:center"