Html 将两个p元素相邻放置，宽度为50%

我有以下代码：

#页脚-a{
宽度：50%；
背景：黑色；
显示：内联块；
}
#页脚b{
宽度：50%；
背景：蓝色；
显示：内联块；
文本对齐：居中；
}

页脚

在父级上使用flex：

.content-wrapc{
/*加上这个*/
显示器：flex；
}
#页脚a{
宽度：50%；
背景：黑色；
}
#页脚b{
宽度：50%；
背景：蓝色；
文本对齐：居中；
}

页脚

如果涉及内联块，请注意HTML代码中的空白…问题-为什么不使用

？好问题…这就像一个符咒，请注意，如果您还可以给出一点解释？？默认情况下，Flexbox会对齐一行中的所有子项-因此它会对齐一行中的两个段落，因为它们的宽度各为50%，它们将占据整排的宽度@YdB显示：表格/表格单元格、flex、grid或float不会产生内联块带来的空白。Flex是目前大部分时间使用的方法；）