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
함께 읽은 게시물
최종 면접 통과 준비를 위한 무료 노션 템플릿
취업 준비생과 이직러들에게 필요한 최종 면접 준비를 위한 무료 노션 템플릿을 만들었습니다.
비자 문제와, 적성을 찾지 못해서 이직 때문에 수십 번 이상 면접을 밨던 것 같습니다. 이력서 넣은 것까지 합하면 숫자가 훨씬 더 커지겠네요. 영문으로 작성해서 한국 구독자를 위해 한국어로 번역해서 올립니다.
1️⃣ 첫 번째 단계: 채용 담당자와의 통화
이 단계에서 기술적인 이야기를 하지 않는다. 예컨대 채용 담당자가 알고리즘과 특정 알고리즘 문제의 시간 복잡도에 대해 물어보지 않는다. 하지만 전화 코팅 테스트 단... 더 보기
혹시 Claude 나 cursor 등 AI 로 개발하실 때
뭔가 AI 스러운 뻔한 디자인 때문에
[알고리즘, 시스템 디자인 면접 완벽 준비 팁 + 무료 템플릿]
알고리즘과 시스템 디자인 면접 준비는 어디서부터 어떻게 해야 할까요? 준비 체크리스트 템플릿과 함께 예전에 포스팅한 알고리즘과 시스템 면접 관련 포스팅을 한꺼 번에 모아서 단계별로 알려드립니다.
📌 [알고리즘 문제 풀기 면접 없는 회사 리스트]
https://careerly.co.kr/comments/51256
많은 개발자들이 알고리즘 문제 풀기로 채용하는 걸 반대합니다. 현역에서 알고리즘 문제를 푸는 경우가 많은 것도 아니고, 알고리즘 문제를 완벽하게 풀지 못해도 임팩트 있는 업무를 잘해낼 ... 더 보기
-
