中段のテーブル

Question

私はテーブルの中央にテーブルを置く必要がありますが、私のテーブルの内容は写真のように右側にあります。

[EDIT]：申し訳ありませんが、私はちょうど応答tabkeはあなたがedastehlik.wz.czビューポート上でそれを見ることができます台無しにされていると言うことを忘れ：500から1050

しかし、私は必要になりますこのようにそれを持っている：

.tabulkaodesilac { 
 
    width: 100%; 
 
    margin-left: 400px; 
 
    display: block; 
 
} 
 

 
#jmeno, 
 
#e-mail, 
 
#spam, 
 
#predmet { 
 
    border-radius: 50px; 
 
    background: rgba(141, 109, 182, 0.75); 
 
    width: 350px; 
 
    height: 25px; 
 
    font-family: Calibri; 
 
    font-size: 16px; 
 
    color: white; 
 
    padding: 0 10px; 
 
    border-style: none; 
 
} 
 

 
@media screen and (max-width: 1050px) { 
 
    .tabulkaodesilac { 
 
    padding: 0px; 
 
    margin-bottom: 10px; 
 
    position: relative; 
 
    width: 100%; 
 
    margin: 0 auto; 
 
    } 
 
    #jmeno, 
 
    #e-mail, 
 
    #spam, 
 
    #predmet { 
 
    width: 70%; 
 
    font-family: verdana; 
 
    margin-left: 10px; 
 
    display: block; 
 
    margin: 0 auto; 
 
    } 
 
}

<table class="tabulkaodesilac"> 
 
    <tr> 
 
    <td><input id="jmeno" type="text" name="jmeno" placeholder="Vaše Jméno" /> <br></td> 
 
    <td><input id="e-mail" type="email" name="email" placeholder="Váš E-mail" /><br></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input id="spam" type="text" name="spam" placeholder="Zadejte aktuální rok" /><br></td> 
 
    <td><input id="predmet" type="text" name="predmet" placeholder="Předmět" /> <br></td> 
 
    </tr> 
 
</table>

Answer 1

あなたのテーブルがmargin-left: 400px;とdisplay: block;を持っている - 特にdisplay: block;は、実際のテーブルであることから、それを防ぐ（表はdisplay: tableを持っている必要があります） - これだけこれを消去（およびそのあまりに大きなマージン）と、それは動作します：

.tabulkaodesilac { 
 
    width: 100%; 
 
} 
 

 
#jmeno, 
 
#e-mail, 
 
#spam, 
 
#predmet { 
 
    border-radius: 50px; 
 
    background: rgba(141, 109, 182, 0.75); 
 
    width: 350px; 
 
    height: 25px; 
 
    font-family: Calibri; 
 
    font-size: 16px; 
 
    color: white; 
 
    padding: 0 10px; 
 
    border-style: none; 
 
} 
 

 
@media screen and (max-width: 1050px) { 
 
    .tabulkaodesilac { 
 
    padding: 0px; 
 
    margin-bottom: 10px; 
 
    position: relative; 
 
    width: 100%; 
 
    margin: 0 auto; 
 
    } 
 
    #jmeno, 
 
    #e-mail, 
 
    #spam, 
 
    #predmet { 
 
    width: 70%; 
 
    font-family: verdana; 
 
    margin-left: 10px; 
 
    display: block; 
 
    margin: 0 auto; 
 
    } 
 
}

<table class="tabulkaodesilac"> 
 
    <tr> 
 
    <td><input id="jmeno" type="text" name="jmeno" placeholder="Vaše Jméno" /> <br></td> 
 
    <td><input id="e-mail" type="email" name="email" placeholder="Váš E-mail" /><br></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input id="spam" type="text" name="spam" placeholder="Zadejte aktuální rok" /><br></td> 
 
    <td><input id="predmet" type="text" name="predmet" placeholder="Předmět" /> <br></td> 
 
    </tr> 
 
</table>

Answer 2

あなたはあなたのテーブルのmargin: 0 autoを指定することができ、そこから他のものを削除します。

.tabulkaodesilac { 
 
    margin: 0 auto; 
 
} 
 

 
#jmeno, 
 
#e-mail, 
 
#spam, 
 
#predmet { 
 
    border-radius: 50px; 
 
    background: rgba(141, 109, 182, 0.75); 
 
    width: 350px; 
 
    height: 25px; 
 
    font-family: Calibri; 
 
    font-size: 16px; 
 
    color: white; 
 
    padding: 0 10px; 
 
    border-style: none; 
 
} 
 

 
@media screen and (max-width: 1050px) { 
 
    .tabulkaodesilac { 
 
    padding: 0px; 
 
    margin-bottom: 10px; 
 
    position: relative; 
 
    width: 100%; 
 
    margin: 0 auto; 
 
    } 
 
    #jmeno, 
 
    #e-mail, 
 
    #spam, 
 
    #predmet { 
 
    width: 70%; 
 
    font-family: verdana; 
 
    margin-left: 10px; 
 
    display: block; 
 
    margin: 0 auto; 
 
    } 
 
}

<table class="tabulkaodesilac"> 
 
    <tr> 
 
    <td><input id="jmeno" type="text" name="jmeno" placeholder="Vaše Jméno" /> <br></td> 
 
    <td><input id="e-mail" type="email" name="email" placeholder="Váš E-mail" /><br></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input id="spam" type="text" name="spam" placeholder="Zadejte aktuální rok" /><br></td> 
 
    <td><input id="predmet" type="text" name="predmet" placeholder="Předmět" /> <br></td> 
 
    </tr> 
 
</table>