Tabellen sind nicht in der Mitte | HTML & CSS

Question

Ich habe diese Tabellen erstellt, Design der 1. Tabelle ist Design, das ich wollte, aber Design der 2. Tabelle hat weniger Platz zwischen der linken und rechten Spalte. Warum? Wie man das 2. Design so festlegt, dass das zweite Table wie das erste aussieht? Vielen Dank!

    <div class="_hsync_login_form"> 
        <p style="font-family: 'Noto Sans'; text-align: center;"> 
         Došli ste do kraja, no prije samog kraja još jednom pregledajte sve podatke koje ste upisali. Ukoliko niste zadovoljni podacima, registraciju možete vrlo lako resetirati. 
        </p> 
        <p style="font-family: 'Noto Sans'; text-align: center;"> 
         Napominjemo da nakon prve prijave na server morate proći kroz roleplay test. Ukoliko Vam je potrebno, također možete proći kroz roleplay predavanje koje traje oko 10-ak minuta. 
        </p>  
        <br />      
        <h3></strong>IN CHARACTER</strong></h3> 
        <hr class="_hsync_login_box_hr"> 
        <br/> 
        <table class="table" style="text-align: center;">    
         <tr> 
          <td style="border-top: 0px;">Ime i prezime</td> 
          <td style="border-top: 0px; font-family: 'Noto Sans';">Ime_Prezime</td> 
         </tr> 
         <tr> 
          <td style="border-top: 0px;">Starost</td>       
          <td style="border-top: 0px; font-family: 'Noto Sans';">16</td> 
         </tr> 
         <tr> 
          <td style="border-top: 0px;">Spol</td>       
          <td style="border-top: 0px; font-family: 'Noto Sans';">Žensko</td> 
         </tr>        
        </table> 
        <br /> 

        <h3></strong>OUT OF CHARACTER</strong></h3> 
        <hr class="_hsync_login_box_hr"> 
        <br/>       
        <table class="table" style="text-align: center;">    
         <tr> 
          <td style="border-top: 0px;">Zaporka</td>       
          <td style="border-top: 0px;">&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;</td> 
         </tr> 
         <tr> 
          <td style="border-top: 0px;">e-Mail adresa</td>       
          <td style="border-top: 0px; font-family: 'Noto Sans';">haswell.samp@hotmail.com</td> 
         </tr> 
         <tr> 
          <td style="border-top: 0px;">e-Mail obavijesti</td>       
          <td style="border-top: 0px; font-family: 'Noto Sans';">Da</td> 
         </tr> 
         <tr> 
          <td style="border-top: 0px;">Verifikacija</td>       
          <td style="border-top: 0px; color: green; font-family: 'Noto Sans';">Urađena</td> 
         </tr>                                
        </table> 

        <br /> 
        <!-- UKOLIKO RAČUN PRVO TREBA PROĆI ODOBRENJE --> 
        <div class="alert alert-warning" role="alert"> 
         <span class="glyphicon glyphicon-exclamation-sign"></span>Vaš račun prvo mora biti provjeren i odobren od strane administratora. Nakon provjere primiti ćete e-Mail s obavijesti o statusu računa. 
        </div>                    
       </div> 

Ich benutze Bootstrap. Hier ist ein Bild - http://i.imgur.com/7EQBHNQ.png

Answer 1

Sie können <thead> und <tbody> für Ihre Tabelle verwenden.
In der Tabellenüberschrift können Sie die Breite jeder Spalte definieren.

http://www.w3schools.com/tags/tag_thead.asp

http://www.w3schools.com/tags/att_th_width.asp

Answer 2

ich denke, es wegen des Inhalts von <td> Tag ist. Zum 2. Entwurf zu beheben, so 2. Tabel wird wie 1. Design, können Sie fügen Stil

<style type="text/css"> 
    tr td { 
     width: 50%; 
    } 
</style>