Die Breiten der beiden Antwort-Bereiche können Sie wie folgt fixieren:
pageCSS('
div.iat div.categories > table td {
width: 50%;
}
');
Zum besseren Verständnis diesen Screenshot, welcher (inkl. dem o.g. Code) den Aufbau verdeutlicht:
Und so sieht es aus, wenn Sie zusätzlich links auch zentrieren:
Sie können auch die Feinjustierung der Abstände noch entfernen:
pageCSS('
div.iat div.categories div.left,
div.iat div.categories div.right {
max-width: none;
}
');
Ich bin nur nicht sicher, ob das in die Richtung geht, die Sie sich wünschen. Die Begriffe "Plastikverpackungen" und "gut" sind einfach sehr unterschiedlich breit. Und egal wie man es ausrichtet, wird es nie ganz symmetrisch sein.