열거한 아이템들 사이 CSS로 ·(점) 넣기

 

 

span::after {
  content: "·";
  margin: 0 6px;
}

span:last-child::after {
  content: "";
  margin: 0;
}

 

::after로 만든 요소는 inline

> margin top/bottom은 가질 수 없어도 margin left/right은 가질 수 있으니 margin: 0 6px 괜찮다

 

열거된 아이템 마지막에는 점을 넣고 싶지 않으니까

span의 가장 마지막 child의 뒤에는 content 없애버림.