在水平容器中显示用户列表的方式，而不是垂直和非包含？

Question

我正在使用此WordPress代码http://www.wpbeginner.com/wp-tutorials/how-to-randomly-display-registered-users-in-wordpress/

function wpb_random_users() { 

global $wpdb;

$randomusers = '<ul class="random-users">';

// Query database for users
$usernames = $wpdb->get_results("SELECT user_nicename, user_url, user_email FROM $wpdb->users ORDER BY RAND() LIMIT 5");

// Display users in a list
foreach ($usernames as $username) {

if (!$username->user_url) :

$randomusers .= '<li>' .get_avatar($username->user_email, 45) .$username->user_nicename."</li>";

else :

$randomusers .= '<li>' .get_avatar($username->user_email, 45).'<a href="'.$username->user_url.'">'.$username->user_nicename."</a></li>";

endif;
}
$randomusers .= '</ul>';

return $randomusers;  
}

add_shortcode('randomusers','wpb_random_users');

用于垂直列出用户。但我想知道如何水平地制作用户列表，最好包含在移动的轮播中。

如何将代码更改为至少部分实现此功能，例如将用户水平放置在一个框中？

谢谢。

Answer 1

添加到css文件

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