Bild Link Alignment Probleme beim Versuch, richtig auszurichten

Question

Ich kann nicht herausfinden, wie diese Bild Links richtig ausgerichtet werden. Meine aktuellen, sehen wie folgt aus (i verwendet nur align="right" in Link):

Ich versuche, es zu bekommen wie folgt aussehen:

HTML:

<a href="webster.cs.washington.edu/validate-html.php"> 
 
    <img src="webster.cs.washington.edu/images/w3c-html.png"; alt="Valid HTML5" align="right" /> 
 
</a> 
 
<br /> 
 
<a href="webster.cs.washington.edu/validate-css.php"> 
 
    <img src="webster.cs.washington.edu/images/w3c-css.png"; alt="Valid CSS" align="right" /></a>

Answer 1

können Sie versuchen, vertical-align statt align

<a href="webster.cs.washington.edu/validate-html.php"><img src="webster.cs.washington.edu/images/w3c-html.png"; alt="Valid HTML5" vertical-align="top" /></a><br /> 
 

 
<a href="webster.cs.washington.edu/validate-css.php"><img src="webster.cs.washington.edu/images/w3c-css.png"; alt="Valid CSS" vertical-align="center" /></a>

Hier die JSFiddle

Hier die mehr Bezug auf Vertical-align Eigenschaft

Answer 2

Sie so tun können.

a{ 
 
    text-decoration:none; 
 
} 
 
img{ 
 
    display:block; 
 
    border: 1px solid #333; 
 
} 
 
img:first-child{ 
 
    margin-bottom: 2px; 
 
}

<div class="" align="right"> 
 
    <a href="webster.cs.washington.edu/validate-html.php"> 
 
    <img src="http://www.avatarsdb.com/avatars/bart_roll_eyes.gif" alt="Valid HTML5" /> 
 
    </a> 
 
    <a href="webster.cs.washington.edu/validate-css.php"> 
 
    <img src="http://www.avatarsdb.com/avatars/bart_roll_eyes.gif" alt="Valid CSS" /> 
 
    </a> 
 
</div>

Wenn Sie diese ein Inline-Code verwenden möchten.

<div class="" align="right"> 
 
    <a href="webster.cs.washington.edu/validate-html.php" style="text-decoration:none;"> 
 
    <img src="http://www.avatarsdb.com/avatars/bart_roll_eyes.gif" alt="Valid HTML5" style="display:block;border:1px solid #333;"> 
 
    </a> 
 
    <br> 
 
    <a href="webster.cs.washington.edu/validate-css.php"> 
 
    <img src="http://www.avatarsdb.com/avatars/bart_roll_eyes.gif" alt="Valid CSS" style="display:block;border:1px solid #333;"> 
 
    </a> 
 
</div>