HTML: Text in Tabelle oben ausrichten

Setze einfach das Vertical Align (valign) der jeweiligen Zelle auf "top".

Also zum Beispiel so um jeweils die erste Spalte oben auszurichten:

<table>
  <tr>
    <td valign="top">Inhalt oben ausgerichtet</td>
    <td>Inhalt normal ausgerichtet</td>
  </tr>
  <tr>
    <td valign="top">Inhalt oben ausgerichtet</td>
    <td>Inhalt normal ausgerichtet</td>
  </tr>
</table>

Also einfach valign="top" für die gefragten td's einfügen und der Text sollte am oberen Rand kleben.
Letztes Update am 02.11.2023 | Erstellt am 06.03.2014

Alternativ kannst du auch mit CSS arbeiten. Die entsprechende CSS-Eigenschaft heißt "vertical-align" und kann die Werte "top", "bottom" oder "middle" annehmen.

Um den Text in Tabellenzellen an der Oberseite auszurichten, kannst du entsprechend folgendes schreiben:

td {
  vertical-align: top;
}

Das schöne an dieser Lösung, im Vergleich zu der Lösung mit valign="top", ist, dass du die CSS-Regel nur einmal zentral in einem CSS-Stylesheet definieren kannst ohne jede Zelle deiner Tabelle(n) einzeln bearbeiten zu müssen. Außerdem trennst du so deinen Content von den Style-Anweisungen.
02.11.2023 um 01:39