Html 如何让音频在css中正确浮动

我试图让我的三个音频通过css正确浮动。我不知道我错过了什么或者搞糟了什么

在css中，我尝试将“音频”更改为.audio和#audio，也尝试将其更改为音乐，因为这就是我的div的名称。这些都不管用

音频
{
对齐：右；
}

我最喜欢的音乐
Jrad

乔·鲁索的大摇大摆快死了

乔·鲁索的阿尔姆索之死的马可·索洛

乔·鲁索的果酱快死了

您可以使用

显示：flex

获得1x1布局，然后应用flex-grow:1to

p

将元素设置为最大可用宽度

音乐{ 背景色：#DCDC； 边框：#00008b 2px虚线； } .包装纸{ 显示器：flex； } .包装纸{ 柔性生长：1； }

我最喜欢的音乐
Jrad

始终使用包装器，以便您可以控制它，并使用display flex使其对齐

.wrap{display:flex；
对齐内容：间隔；}

我最喜欢的音乐
Jrad

乔·鲁索的大摇大摆快死了

乔·鲁索的阿尔姆索之死的马可·索洛

乔·鲁索的果酱快死了