html - 页脚右侧的 CSS 图像

Question

我正在尝试创建一个页脚，其中包含 2 个链接到页面的图像。

两个链接/图片应位于页脚右侧。

图像应彼此相邻并留有一点边距。

如何使用 css 管理它？

<footer>
    <a href="http://www.google.de/" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
    <a href="http://www.google.de" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
</footer>

Answer 1

将它们包裹在一个 div 中并使其 float 。

CSS:

.images-container {
   float: right;
}

.images-container a {
    margin-left: 5px;
}

HTML:

<footer>
<div class="images-container">
    <a href="http://www.google.de/" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
    <a href="http://www.google.de" target="_blank">
        <img src="test.jpg" alt="logo.jpg">
    </a>
</div>
</footer>