我会添加一个类user-card来添加自定义CSS，并使用flexbox来帮助解决您的问题。然后将用户文本放入一个容器中，这里我将其放入一个<span class="user">。这将是左边的单元格。
因为flexbox会将查尔兹显示为单元格，所以我在图标和下拉菜单周围添加了一个新的<span>，这将是正确的单元格。
为了符合HTML，我用<span>替换了下拉菜单<div>，因为通常不允许将“块”类型的元素放入“内联”类型的元素中。
将<b>替换为<strong>，以便也兼容HTML。

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.24/dist/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.24/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.24/dist/js/uikit-icons.min.js"></script>

<style type="text/css">

.user-card {
  display: flex;
  flex-direction: row;
  column-gap: 0.5em;
  align-content: center;
  line-height: 1.2em;
}

.user-card .user {
  text-align: right;
}

.user-card .uk-icon-button {
  border: 1px solid;
}

</style>

<div class="uk-inline uk-text-small user-card">
  <span class="user">
    <strong>Jelle Botman</strong><br />
    My Company    
  </span>
  <span>
    <span class="uk-icon-button uk-margin-small-right" uk-icon="user"></span>
    <span uk-dropdown>
      <a href=''>Profiel</a><br />
      <a href=''>Uitloggen</a>
    </span>
  </span>
</div>