垂直方向および非水平方向ではなく、水平方向のコンテナにユーザーリストを表示する方法は？

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

はのstyle.cssファイルに視覚効果を持っていないことを追加し、悲しいことに、うーんCSSファイルに

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