CSS로 HTML 요소 우측 정렬하기

CSS를 사용하다 보면 정말 간단한 정렬이 생각처럼 되지 않아서 애를 먹는 경우가 있는데요. 특히 초보자들이 많이 겪는 문제가 HTML 요소(element)를 우측으로 정렬하는 것입니다. 이번 시간에는 특정 HTML 요소를 우측으로 정렬하는데 활용할 수 있는 다양한 스타일링 방법을 실습을 통해서 알아보겠습니다. 📺 동영상: https://youtu.be/ufr3nb6Zf4Y 📝 포스팅: https://www.daleseo.com/css-align-right/ 🧑‍💻 실습 코드 * 시작: https://codepen.io/daleseo/pen/LYNLeeV * Float: https://codepen.io/daleseo/pen/wvGdBqX * Flexbox 1: https://codepen.io/daleseo/pen/XWdgVVw * Flexbox 2: https://codepen.io/daleseo/pen/rNewpdb * Flexbox 3: https://codepen.io/daleseo/pen/qBZjpyO * Grid: https://codepen.io/daleseo/pen/wvGepEy * Postion: https://codepen.io/daleseo/pen/JjXJMVG