Wie schon angesprochen, arbeitet ein Text im Idealfall selbst den Verhältnissen an und bricht um wenn es erforderlich ist.
In einer Tabelle kann das aber unschön enden, insbesondere wenn man wie du ohne padding arbeitet, bzw. versucht drei Elemente bei einer Breite von 340px nebeneinander darzustellen.
Der
Shop verwendet Bootstrap 3, was ein ordentliches Grid System mit sich bringt, dass solltest du nutzen.
Ich habe dir mal einen Code zusammengestellt der dir veranschaulicht wie es aussehen könnte, du wirst schnell den Unterschied sehen und dich dann am besten etwas in Bootstrap einlesen, was ich da gemacht habe ist kein Hexenwerk udn leicht verständlich denke ich.
Teste das mal aus:
HTML:
<div class="row text-center">
<div class="col-xs-12 col-sm-6 col-md-4">
<a href="https://stretchme.ch/stretchfolie"><b>Handstretchfolie</b>
<img alt="Handstretchfolie | stretchme.ch" class="img-responsive center-block"
src="/mediafiles/Bilder/hand-stretchfolie-transparent-17-20-23-my-online-kaufen-stretchme-nicopac.jpg"
/></a>
</div>
<hr class="visible-xs-block" style="margin:15px; clear:both">
<div class="col-xs-12 col-sm-6 col-md-4">
<a href="https://stretchme.ch/maschinenstretchfolie_3"><b>Maschinenstretchfolie</b>
<img alt="Maschinenstretchfolie | stretchme.ch" class="img-responsive center-block"
src="/mediafiles/Bilder/maschinestretchfolie-transparent-17-20-23-my-online-kaufen-stretchme-nicopac.jpg"
/></a>
</div>
<hr class="visible-xs-block visible-sm-block" style="margin:15px; clear:both">
<div class="col-xs-12 col-md-4">
<a href="https://stretchme.ch/buendelstretchfolie-guenstig-onlinekaufen"><b>Bündelstretchfolie</b>
<img alt="Bündelstretchfolie | stretchme.ch" class="img-responsive center-block"
src="/mediafiles/Bilder/buendel-mini-handy-hand-stretchfolie-transparent-17-20-23-my-online-kaufen-stretchme-nicopac.jpg"
/></a>
</div>
</div>
