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

Question

我对HTML和CSS相对较新，并且正在尝试使用CSS flexbox来水平对齐两个div，而不是将第二个div放在第一个div的下面，或者只是将第二个div放在第一个div的后面。

我尝试了以下答案this question和许多其他建议都使用justify-content来水平对齐内容，但对我来说不起作用。 Here是我一直在努力的代码。

非常感谢您的帮助！

非常感谢，

Michael

编辑：

抱歉，请澄清一下，我想要的是与另一个div颜色为灰色的水平对齐的文本。我还应该说，我尝试使用float没有成功。

Answer 1

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