::after как позиционировать от центра элемента ?

Question

::after как позиционировать от центра элемента ?

Эдуард Лисин Знаток (379), на голосовании 2 месяца назад

задача расположить линию ровно по середине под элементом , первое что приходит на ум использовать ::after
(.favorites-item2::after{
content: "";
position: absolute;
width: 1236px;
height: 2px;
bottom:-75% ;
background-color: black;
transform: translateX(-50%);

(но 50%) отсчитывает от элемента, а не от его середины, поэтому линия не много смещена. как ее центрировать под элементом ? ?

Answer 1

 
.favorites-item2 { 
  position: relative; /* Убедитесь, что родитель имеет относительное позиционирование */ 
} 
 
.favorites-item2::after { 
  content: ""; 
  position: absolute; 
  width: 1236px;     
  height: 2px;    
  bottom: -75%;     
  background-color: black; 
  left: 50%; 
  transform: translateX(-50%); 
}