Tabellenzeile mittig ausrichten

Question

Hallo,

ich versuche aktuell mit einer HTML Tabelle zwei Fragen nebeneinander zu platzieren. Aktuell ist es so,dass die Fragen an der Oberkante ausgerichtet werden, was ich unschön finde (die Fragen sind nicht gleich lang). Ich hätte gerne, dass die Fragen horizontal mittig ausgerichtet sind.

Ich habe bereits versucht den HTML <tr valign="middle"></tr> Befehl, gemäß dieser Anleitung HTML TABLE ALIGNMENT IN CELL zu verwenden, was allerdings nicht funktioniert hat:

<tr valign="middle">
    <td>Frage 1</td>
    <td>Frage 2</td>
</tr>

Woran könnte das liegen?

Ich freue mich über eine Antwort.

Answer 1

Das valign ist nur veraltet, es ist auch nur auf Tabellenzellen (nicht Spalten) anwendbar.

Hinzu kommt, dass die Zentrierung nur auf Text anwendbar ist:

<tr>
    <td style="text-align: center">Frage 1</td>
    <td style="text-align: center">Frage 2</td>
</tr>

In SoSci Survey müsste außerdem die CSS-Klasse "center" definiert sein:

<tr>
    <td class="center">Frage 1</td>
    <td class="center">Frage 2</td>
</tr>

Evtl. müssen Sie noch dafür sorgen, dass die Tabelle auch breit genug wird. Wenn Sie nur den o.g. Inhalt haben, wird die Tabelle auch nur so breit, wie die beiden Texte.

Comments

Hallo,

vielen Dank für die schnelle Antwort. Das Problem ist, dass sich Align-Center auf die Vertikale Ebene bezieht, sprich der Text dann mittig angezeigt wird, was ich mir aber wünsche ist ein horizontales Alignment, sprich statt:

-  -
-  -
-  -
   -
   -


So etwas:

    -
-   -
-   -
-   -
    -


Viele Grüße

---

Sie meinen eine Zentrierung in der Höhe, also vertikal?

<tr>
    <td style="vertical-align: middle">Frage 1</td>
    <td style="vertical-align: middle">Frage 2</td>
</tr>