html - 垂直对齐图像并在一行上链接

如何对齐以下内容，以使图像和链接垂直对齐？另外，如何增加连续行之间的间距？

<li><img src="c.png" alt="Centern | Karta"/> <a href="centern.php">Centern</a> </li>

<li><img src="fi.png" alt="Feministiskt initiativ | Karta"/><a href="feministiskt.php">Feministiskt initiativ</a> </li>

最佳答案

您可以将图像作为背景。

的HTML

<li><a class='centern' href="centern.php" title="Centern | Karta">Centern</a> </li>

的CSS

a.centern {
    background: url('c.png') no-repeat;
    height:20px; //height of the link
    width:100px; //width of the link
    padding-left:40px //give some space for the background image
}

关于html - 垂直对齐图像并在一行上链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12022499/