Html 水平对齐两个同名的类

在学习MIMO HTML课程时，我遇到了一个问题，即我无法使具有

class=“column”

属性的两个元素与

display:inline块水平对齐

我已经尝试了
float:right
和其他属性使它们对齐，但有些东西阻止了这种情况的发生


.column{
最小宽度：300px；/*不工作*/
显示：内联块；/*不起作用*/
垂直对齐：顶部；/*不起作用*/
}

我的链接



你可以把它漂到左边。
你也有一个错误的结束标签在这里。。。

你可以把它漂到左边。
你也有一个错误的结束标签在这里。。。

移除损坏的
移除损坏的
您可以使用以下示例：


.column{
最小宽度：300px；/*不工作*/
显示：内联块；/*不起作用*/
垂直对齐：顶部；/*不起作用*/
}

我的链接




我的故事
嘿！我是一个有抱负的音乐网站创作者！

您可以使用以下示例：


.column{
最小宽度：300px；/*不工作*/
显示：内联块；/*不起作用*/
垂直对齐：顶部；/*不起作用*/
}

我的链接




我的故事
嘿！我是一个有抱负的音乐网站创作者！

考虑使用
flex
。在您的情况下，您需要将显示器设置为
flex
至
。container
：

.container{
  display: flex;
}

如果您希望两个孩子的宽度相同，只需将
flex:1
添加到他们的CSS属性中即可

您可以检查以下代码段


.container{
显示器：flex；
}
.栏目{
弹性：1；
}

我的链接




我的故事
嘿！我是一个有抱负的音乐网站创作者！

考虑使用
flex
。在您的情况下，您需要将显示器设置为
flex
至
。container
：

.container{
  display: flex;
}

如果您希望两个孩子的宽度相同，只需将
flex:1
添加到他们的CSS属性中即可

您可以检查以下代码段


.container{
显示器：flex；
}
.栏目{
弹性：1；
}

我的链接




我的故事
嘿！我是一个有抱负的音乐网站创作者！

您需要关闭
p
标签。否则，下一列将成为嵌套列。您需要关闭
p
标记。否则，下一列将成为嵌套列。您可以通过关闭第一列中的
标记来避免使用float，它将按预期工作。您可以通过关闭第一列中的
标记来避免使用float，它将按预期工作。