I've been attempting to ensure that all table rows have the same height as the tallest element, without using a fixed value. Setting the height to auto results in each row having different heights, and specifying a fixed value is not ideal because the text in rows with more content becomes unstable.
Here's an image illustrating the issue:
This is the CSS style I'm using and how I create the table:
.Tright {
width: 33%;
height: auto;
float: right;
}
<table class="Tright" >
<tr>
<th>Last Name:</th>
<td><?php echo $data['Nachname']; ?></td>
</tr><tr>
<th>Function:</th>
<td><?php echo $data['Funktion']; ?></td>
</tr><tr>
<th>Function Description:</th>
<td><?php echo $data['Funktionsbezeichnung']; ?></td>
</tr><tr>
<th>Phone Number:</th>
<td><?php echo $data['Telefonnummer']; ?></td>
</tr><tr>
<th>E-Mail:</th>
<td><?php echo $data['E-Mail']; ?></td>
</tr><tr>
<th>Description:</th>
<td><?php echo $data['Beschreibung']; ?></td>
</tr>
</table>
Your assistance is greatly appreciated!