Html 需要帮助将图标定位到“我的文字”右侧

我很难将图标与数量右侧对齐。当我尝试float:right时，它将图标定位到单元格的最右侧，而不是紧靠文本。有没有一种方法可以让它在文本的右边，但正好与之相对？对此，我们将不胜感激

.myclass{
浮动：对；

}

只需使用，并将

display:flex

添加到两个HTML元素的父级

将父元素设为

flexbox容器

，其直接子元素将被视为

flex元素

。Flexbox默认方向，即

柔性方向

为

行

，因此它将使

柔性元件

从左到右对齐

.container{
显示器：flex；
对齐项目：居中；
}

数量

这可以使用Flexbox解决。请尝试以下操作：

创建一个类：

.container {
    display: flex;
}

将其添加到父div：

<div class="container">
   <th class="fd-table--header-cell" [innerHTML]="quantity | fdContent"></th>
   <div class="myclass">
      <a [attr.id]="mySelector"
      [attr.aria-describedby]="myTooltip" href="javascript:void(0);"
      class="fd-tooltip-layer--selector">
      <help-icon [helpIconId]="myHelpIconId" [content]="pageDataContent"
      aria-label="icon" [title]="quantity"></help-icon>
      </a>
   </div>
</div>

<div class="container">
   <th class="fd-table--header-cell" [innerHTML]="quantity | fdContent"></th>
   <div class="myclass">
      <a [attr.id]="mySelector"
      [attr.aria-describedby]="myTooltip" href="javascript:void(0);"
      class="fd-tooltip-layer--selector">
      <help-icon [helpIconId]="myHelpIconId" [content]="pageDataContent"
      aria-label="icon" [title]="quantity"></help-icon>
      </a>
   </div>
</div>

.myclass {
  margin-left: 5px;
}