Html 如何将标签或段落准确地放置/绑定在项目顶部？

我想把这些标签完全放在物品的上面。我只是想先把

放进去。它实际上位于项目的顶层，但不是位于项目的顶部中心，而是位于项目的左侧。我应该添加什么使其位于顶部居中？我不知道我可以在这里申请什么CSS。。。 我添加了

，但现在我的复选框项不再是圆形的

CSS导入：

@mixin checkbox-tag() {
    // Default values
    --checkbox-tag-color: #000;
    --checkbox-tag-background: #FFF;
    --checkbox-tag-active-color: #FFF;
    --checkbox-tag-active-background: #000;

      .checkbox-tag {
      // Reset values from Ionic (ion-item) styles
          --padding-start: 0px;
      --inner-padding-end: 8px;
          --inner-padding-start: 8px;
          --ion-item-background: var(--checkbox-tag-background);
      --ion-item-color: var(--checkbox-tag-color);

      &.rounded-tag {
              --border-radius: 2.2rem;
          }

          &.item-checkbox-checked {
        --ion-item-background: var(--checkbox-tag-active-background);
        --ion-item-color: var(--checkbox-tag-active-color);
          }



          .tag-label {
              margin: 5px;
        font-size: 50px;
        font-weight: 500;
        letter-spacing: 0.2px;
        text-align: center;
          }

          ion-checkbox {
              margin: 0px;
              // To hide the .checkbox-icon
              width: 0px;
              --border-width: 0px;
              height: 0px;
              // We cant set width and height for .checkbox-icon .checkbox-inner, so lets hide it changing its color
              --color-checked: transparent;
          }
      }
  }

---

若你们只想要标签的中心和顶部，那个么在标签上应用CSS

display: block;
width: 100%;
text-align: center;

---

若你们只想要标签的中心和顶部，那个么在标签上应用CSS

display: block;
width: 100%;
text-align: center;

---

将此网格与行和列一起使用，而不是使用离子网格，然后查看它是否适用于

---

将此网格与行和列一起使用，而不是使用离子网格，查看它是否适用于

你能提供一些你想要的示例图片吗？@MDKhali你看到错误了吗？你能提供一些你想要的示例图片吗？@MDKhali你看到错误了吗？为了使你的解决方案有效，我必须添加

，但这会使我的复选框项目变长到右边。你能把你的CSS，因为我检查错了什么。添加了秒和我正在使用的导入为了使您的解决方案正常工作，我必须添加

，但这会使我的复选框项变长到右侧。请将您的CSS，因为我查错了。添加了SECs和导入，我使用了HTML，我得到了8个长的复选框项，每个都在下一个上，图标不是在中间，而是在右边。我也不知道在这里使用哪种CSS。如果我应用那个HTML，我会得到8个长的复选框项，每一个都在下一个上，而图标不是在中间，而是在右边。我也不知道在这里应用哪个css。

display: block;
width: 100%;
text-align: center;