item p span 에 float 주신것과 .progress 에 대한 질문입니다.

안녕하세요. item p span 에 float left 와 right 주신것과 .progress에 대한 질문입니다.

1. item p 에

.item p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

하면 span 에 float left right 를 한것과 같은 레이아웃이 만들어지긴 하는데, float 를 사용하신것은 혹시 크로스브라우징 때문에 사용하신걸까요?

can i use 를 살펴보면 메이져 브라우저들은 거의 flex 를 지원하는데 IE 에서는 지원을 안하는 버전도 있고, prefix 를 사용해야 하는 버전도 있더라구요.

크로스브라우징을 생각하면 flex 보다 float 를 사용하는것이 맞긴하지만, 이미 서비스가 종료된 IE까지 생각해야 하는것이 맞는것인지 고민이 되네요...

2. html tag 중에 progress 라는 tag 가 있는것으로 알고 있습니다.

progress 라는 태그 대신에 div 를 사용하신 이유가 있을까요?혹시 커스텀 css 를 입히기 힘든 태그일까요...?

input type=checkbox 같은 경우도 css 를 입히기 힘들기 때문에 div 같은 영역을 커스텀 입힌다고 하더라구요.

위같은 경우들처럼 input type checkbox 나 <progess> 를 사용하지 않고 div 같은 영역으로 커스텀을 입히면 웹접근성에 저해되지는 않나요??

웹접근성이나 시맨틱 태그때문에 태그 하나 사용하는거에 고민이 되네요....