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

我正在学习网页设计，我正在努力定位一个按钮。我是一个初学者，正在尝试重新创建league of legends客户端，它在浏览器中非常简单，只是为了练习，但我不知道如何使用javascript，而且我无法在线找到解决方案

这就是我想要它的样子：

我尝试在列表中添加徽标和按钮，然后

display:inline

，但这并没有真正起作用，或者我只是不知道如何让它起作用

这是我的密码

---

我删除了

/*==REGION===*//*下拉按钮*/

之前的所有CSS，并将其替换为以下内容：

.logo {
  display: inline-block;
}

.region {
  display: inline-block;
}

---

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

添加到

区域
类
显示：内联块
。徽标
类：


.region{
填充：20px；
显示：内联块；
}
.标志{
填充：40px 0px 0px 50px；
显示：内联块；
}

EUNE（EN）
它实际上并没有显示相同的结果，CSS before区域用于拆分页面，因此右div是唯一的图片，左div是内容。以下是我的网站在我删除之前的所有内容并添加css后的样子。你可以在这里复制/粘贴代码的相关部分。图像不是问题。添加.centered{display:flex；}怎么样？它将使左侧的两个项目在一行中彼此相邻。这就是你想要的结果吗？@AdamKniec这很有效，非常感谢。我现在会把它调好，最难的部分是把它移到那里，我就是这么做的。也许你不理解我？我希望它们像图片中的一样，一个接一个，但是当我实现这一点时，它就像以前一样？