Wie <a href> tag?

Question

I need to align 4 images which are acting as a link and these links are under a div tag. I am not quite sure how to align them perfectly because two in the left seem to be aligned but the ones in the right are causing the issue. Can I have some suggestions on how to fix this please. Currently this is how it looks like:I assumed all the components will be aligned properly since they are under a div tag with the same class name.

mehrere Bilder unter

.pagelinks { 
float: right; 
margin-right: 48%; 
display: inline-block; 
} 

.pagelinks a { 
text-decoration: none; 
} 

CSS ausrichten

JSP/HTML-Code

<display:setProperty name="paging.banner.full" value='<div class="pagelinks"> <a href="{1}"> <img src="../images/integration/FastLeft.jpg"/> </a> <a href="{2}"> <img src="../images/integration/SlowLeft.jpg"/> </a> | Page {5} of {6} <a href="{3}"> | <img src="../images/integration/SlowRight.jpg"/> </a><a href="{4}"> <img src="../images/integration/FastRight.jpg"/> </a></div>'/> 
     <display:setProperty name="paging.banner.first" value='<div class="pagelinks"> <img src="../images/integration/FastLeft.jpg"/> <img src="../images/integration/SlowLeft.jpg"/> | Page {5} of {6} | <a href="{3}"> <img src="../images/integration/SlowRight.jpg"/> </a><a href="{4}"> <img src="../images/integration/FastRight.jpg"/></a></div>'/> 
     <display:setProperty name="paging.banner.last" value='<div class="pagelinks"> <a href="{1}"> <img src="../images/integration/FastLeft.jpg"/> </a> <a href="{2}"> <img src="../images/integration/SlowLeft.jpg"/> </a> | Page {5} of {6} | <img src="../images/integration/SlowRight.jpg"/> <img src="../images/integration/FastRight.jpg"/> </div>'/> 

Answer 1

am Schnipsel JSP bereitgestellt Sehen, ist Ihr Markup nicht konsistent, so dass zu prüfen, stellen Sie sicher, . Erweitern Sie als Nächstes Ihr CSS, um die Höhe und Breite der Bilder festzulegen.

prüfen diese Geige heraus ein Beispiel zu sehen: https://jsfiddle.net/37f8n4v9/

CSS

.pagelinks img{ 
    height: 10px; 
    width: 10px; 
} 

Answer 2

Also Jungs, dachte ich, es nur für das Bild aus. Ich habe die Pixel des Bildes am genauesten gleich geändert wie daneben 24 X 17. So erscheinen die Bilder ausgerichtet. Bitte sehen Sie sich das Bild unten an.