Zwei Tabellenspalten aneinander ausrichten

Question

Ist es möglich, diese beiden Tabellenkolumnen so auszurichten, dass die Zelle 1a mit der Zelle 2a übereinstimmt? Wie es jetzt die äußere linke Spalte scheinen senkrecht zur äußeren rechten Spalte

Weiter unten ist die Quelle (html) und dann einen Screenshot

<table> 
 
    <tr> 
 
    <td> 
 
     <table class="payment"> 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (1a)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> descr ...</td> 
 
     </tr> 
 
     </table> 
 
     <table class="payment"> 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (1b)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> descr ...</td> 
 
     </tr> 
 
     </table> 
 
     <table class="payment"> 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (1c)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> descr ...</td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 

 
    <!-- OUTER COLUMN 2 --> 
 
    <td> 
 
     <table class="payment"> \t 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (2a)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> decr ...</td> 
 
     </tr> 
 
     </table> 
 
     <table class="payment"> 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (2b)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> descr ...</td> 
 
     </tr> 
 
     </table> 
 
     <table class="payment"> 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (2c)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> descr ...</td> 
 
     </tr> 
 
     </table> 
 
     <table class="payment"> 
 
     <tr> 
 
      <td> <input type="checkbox"></td> 
 
      <td>info (2d)</td> 
 
     </tr> 
 
     <tr> 
 
      <td></td> 
 
      <td> descr ...</td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table>

Bild zentriert werden

Answer 1

Gerade html hinzufügen valign=top zu Ihnen zuerst tr:

<table> 
    <tr valign=top> 
     <td> 

     <table class="payment"> 
      <tr> 
       <td> <input type="checkbox"></td> 
       <td>info (1a)</td> 
      </tr> 
      <tr> 

Das heißt, es sei denn, etwas in dem class="payment" Stil ist die Positionierung