Как начать новый div с последнего элемента?

Как я могу выровнять and 9 others в продолжение с <a>. Поскольку это «div», он начинается со следующей строки.

Мне нужно добавить всплывающую подсказку, которая показывает остальных пользователей. И это должно быть продолжением фамилий пользователей.

Ожидается:

Актуально:

CSS:

Код:

return (
    <div>
      {allUsers > 0 
        ? (<div>
            {
              displayNames.map((user, index) => {
                return (
                  <a
                    key={user.id}
                  >
                    {name}
                  </a>
                );
              })
            }
            {
              users.length > 0
                && (
                  <TooltipLabel
                    text={tooltipTextWrapper('TODO')}
                    html={true}
                    position={'bottom'}
                    class="common-tooltip-setting"
                  >
                    {` and ${users.length} others`}
                  </TooltipLabel>
                )
            }
          </div>)
        : '-'
      }
    </div>