CSS로 HTML 요소 우측 정렬하기 | 달레의 웹 프로그래밍
www.youtube.com
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
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 11월 15일 오후 9:36
댓글 0
함께 읽은 게시물
나는 가끔 조합형 한글의 아름다움에 대해 생각한다.
그 아름다움은 단순히 예쁜 글꼴이나 정갈한 종이 위의 자소 배열에서 끝나지 않는다. 진짜 매력은, 정밀한 정보 구조와 이산 수학적 규칙성 속에 숨어 있다.
👋 LLM 활용에 도움이 되는 가이드 모음
✅️Prompting Guide 101 by Google : https://lnkd.in/d8UwPWeN
... 더 보기< 리차드 파인만의 아버지가 아들에게 전한 인생 조언 >
1. 아버지는 파인먼에게 이렇게 강조해서 말해 주었습니다.
직장인으로서 10년 정도 일하게 되면 피할 수 없는 순간이 바로 조직에서 리더의 역할을 받게 되는 인사발령이다. 팀원이었을 때는 내게 주어진 업무를 내가 가진 능력과 주변 동료들의 도움으로 해결하고, 그에 합당한 평가와 보상을 기다리며, 나쁘지 않는 리워드와 내 위치에 안도하며 또 새해를 맞이하고 하루하루를 버텨나가는 과정에 큰 어려움이 없다.
... 더 보기-
함께 성장할 주니어 개발자를 찾고 있나요?
안
... 더 보기
