Jquery 我不知道'；我不知道如何使那个盒子水平显示

我试了好几次，使这个框有img，h1，p标签显示水平我已经设置了30%的宽度，使其响应，但它没有工作

这是我的密码：

/*框*/
#盒子{
边缘顶部：20px；
}
#盒子，盒子{
浮动：左；
宽度：30%；
文本对齐：居中；
填充：10px；
}
#盒子，盒子img{
宽度：90px；
}

HTML5标记
废话

样式化CSS
废话

平面设计
废话

您只有一个box div-您需要将每组元素包装在它自己的框中。另外，我也不使用float（css已经不再需要float，因为它实际上并不是为它被滥用的目的而设计的），而是使用flex box：

/*框*/
#盒子{
边缘顶部：20px；
}
#盒子。容器{
显示：flex；/*使容器灵活*/
弯曲方向：行；/*对齐行中的子项*/
对齐内容：之间的间距；/*将它们平均隔开*/
}
#box.box{/*从中移除浮动*/
宽度：30%；
文本对齐：居中；
填充：10px；
}
#盒子，盒子img{
宽度：90px；
}

HTML5标记
废话

样式化CSS
废话

平面设计
废话