使用 flexbox 在 div 旁边水平对齐内容

Question

我对 HTML 和 CSS 比较陌生，我 尝试使用 CSS flexbox 水平对齐两个 div，而不是将第二个 div 放在第一个下方或只是让第二个隐藏在后面第一个。

我尝试过来自 this question 和许多其他人都建议使用 justify-content 水平对齐内容，但这对我不起作用。 Here 是我正在努力解决的代码。

非常感谢任何帮助！

非常感谢，

迈克尔

编辑：

抱歉造成混淆，澄清一下，我想要的是文本水平对齐到另一个 div 灰色的右侧。我还应该说我尝试过使用浮点数但没有成功。

Answer 1

只需将此float:left; 添加到侧边栏类样式。在这两个 div 水平对齐之后，如果我了解您需要实现的目标。