flexbox에서 item을 우측정렬 할 수 있는 여러 방법에 대해 정리하고자 한다. float를 사용하는 방식도 있지만, 더 이상 잘 사용하지 않음으로 여기에서는 flex를 이용한 방법에 대해 정리한다. 이 글은 daleseo님의블로그를 참고하였다.(너무 잘 정리가 되어있다!) 목표 이 글에서는, 구체적으로 아래 사진에 있는 close 버튼만 우측 정렬하는 방법에 대해 소개하고자 한다. 결론적으로 아래 사진과 같은 모습이 될 것이다. margin-left: auto 첫 번째 방법으로는 margin-left를 이용하는 것이다. 아래 표는 mdn에 정리된 표를 참고했다. 즉, display값이 flex || inline-flex 인 경우, margin-left:auto를 하게 되면, 해당 엘리먼트가 속한 ..
