css - 带有 css 的图像旁边的图像

Question

我有三张图片，第一张是巴西国旗和英语国旗(语言设置)..第三张是我网站的标志...

代码:

            <a class="language" href=""><img  src="assets/images/language/portuguese.png">Português</a>
            <a class="language" href=""><img  src="assets/images/language/english.png">English</a>
            <img class="logo" src="assets/images/logo.png">

我想要第一个和第二个在第三个之上..

所以，在我的 CSS 中，我做了:

.language {
    margin: 0 5px 0 10px;
}

.logo {
    width: 40%;
    margin-top: 60px;
}

有什么问题吗？？它不起作用。

Answer 1

目前，您将所有三张图片都放在同一“行”中。您没有以任何方式将它们分成两行。

我建议像这样将语言图标放在它们自己的 div 标签中:

<div>
    <a class="language" href=""><img  src="assets/images/languag/portuguese.png">Português</a>
    <a class="language" href=""><img  src="assets/images/language/english.png">English</a>
</div>
    <img class="logo" src="assets/images/logo.png">