Как выровнять этот элемент по центру с помощью селектора css?

Question

Попытка превратить чернильную полосу в круг, что я и сделал, но мне трудно пытаться выровнять ее по центру. Кто-нибудь может дать мне совет?

.ant-tabs-ink-bar {
  display: flex;
  //align-items: center;
  //vertical-align: middle;
  width: 8px !important;
  height: 8px;
  line-height: 8px;
  border-radius: 50%;
}

Answer 1

Вы можете создать псевдоэлемент.

.ant-tabs-ink-bar {
  display: flex !important;
  justify-content: center;
  height: 8px;
  background-color: transparent;
}
.ant-tabs-ink-bar::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: -4px;
  line-height: 8px;
  border-radius: 50%;
  background-color: var(--antd-wave-shadow-color);
}

Answer 2

Просто заверните его в контейнер и дайте ему CSS.

.container{
  display:flex;
  justify-content:center;
}

Answer 3

При условии CSS, попробуйте

.ant-tabs-ink-bar {
  left: 22.5px;
  width: 8px !important;
  height: 8px;
  line-height: 8px;
  border-radius: 50%;
}