Wie kann ich die Bilder in der ersten <td> zentrieren, während die Texte in der zweiten <td> weiterhin linksbündig bleiben? Muss ich dazu für die jeweils erste Tabellenzelle eine Klasse vergeben?
Die last-child- oder nth-child()-Pseduoklasse reicht hierzu schon aus.
Hier noch mal der Code:
<table>
<tr>
<td>IMG</td><td>Text</td>
</tr>
.
.
.
ca. 20 Wiederholungen
Es ist also eine Liste an Bildern - die Bilder haben jeweils eine Beschreibung:
<ul>
<li>
<figure>
<img src="/foo.png" />
<figcaption>Caption</figcaption>
</figure>
</li>
<!-- ca. 20 Wiederholungen -->
</ul>