CSS блока онлайн пользователя?

Добрый день прошу помощи.С блоком онлайн пользователей.Не могу сделать чтобы они нормально отображались в строчку.Вот код.

<div class="blockonline blockonline2">
    Пользователей онлайн: {total_users} <br>
    Гостей: {guests_num}<br>
    [register]Зарегистрированных: {users_num}<br>
    {register} [/register]
</div>

На сайте выгледит это так.


Хочется сделать нормально.А не чтоб пользователи столбиком писались. Пробывал делать так.

<div class="blockonline blockonline2">
    Пользователей онлайн: {total_users} <br>
    Гостей: {guests_num}<br>
    [register]Зарегистрированных: {users_num}<br>
    </div>
    <div class="blockonlineuser">
    {register} <br> [/register]
</div>

И стиль для blockonlineuser

display: inline-flex;
width: 100%;
word-spacing: normal;

И получает что ники пользователей становятся в строчку.Только они слитно (

Я в CSS не очень помогите пожалуйста!