Javascript 如何在水平容器中显示用户列表，而不是垂直和不包含？

我正在使用这个WordPress代码

函数wpb_random_users（）{
全球$wpdb；
$randomusers='
'；
//用户查询数据库
$usernames=$wpdb->get_results（“从$wpdb->users ORDER BY RAND（）LIMIT 5中选择用户名、用户url、用户电子邮件”）；
//在列表中显示用户
foreach（$username作为$username）{
如果（！$username->user\u url）：
$randomusers.='
”。获取虚拟形象（$username->user\u email，45）。$username->user\u nicename。“
”；
其他：
$randomusers.='
”。获取虚拟形象（$username->user\u email，45）。“
”；
endif；
}
$randomusers.='
'；
返回$0个用户；
}
添加_短码（'randomusers'，'wpb_random_users'）；

它可以垂直列出用户。但是我想知道如何让用户水平列出，最好是包含在移动的旋转木马中

如何更改代码以至少部分实现这一点，比如将用户水平放置在一个框中

谢谢。

添加到css文件

ul.random-users li {
    display: inline;
}

---

嗯，遗憾的是，将其添加到style.css文件中没有视觉效果。此外，出于测试目的，我在

显示：内联；

下键入了

填充：50px；边距底部：50px；背景：红色；

，但仍然没有效果。我还尝试将

ul.random-users li

更改为

li

，并清空缓存，但没有效果ill.Eep。不确定为什么它似乎不起作用。但它似乎应该起作用！编辑：Nevermind！我只需要在WordPress中的正确位置编辑CSS。代码非常有效。谢谢！！

ul.random-users li {
    display: inline;
}