javascript - 如何使用 CSS 定位/对齐按钮

Question

我正在学习网页设计，但我很难定位按钮。我是初学者，正在尝试重新创建英雄联盟客户端，这在浏览器中非常简单，只是为了练习，但我不知道如何使用 javascript，而且我无法在线找到解决方案。

这就是我想要的样子:https://prnt.sc/pos3gf

我尝试在列表中添加 Logo 和按钮，然后添加 display: inline 但这实际上不起作用，或者我只是不知道如何让它起作用。

这是我的代码

https://codepen.io/simic21/pen/poowQXK

Answer 1

我删除了 /*====== REGION ======*//* Dropdown Button */ 之前的所有 CSS，并将其替换为:

.logo {
  display: inline-block;
}

.region {
  display: inline-block;
}

这将并排显示 Logo 和区域 div。现在唯一剩下的就是添加所需样式的其余部分，例如填充或边距。