flexbox로 nav 태그 간격주기 (레이아웃 잡기)

니나노개발생활·2021년 4월 28일
0

💡ah-ha

목록 보기
7/51
post-thumbnail

🚨 nav 태그를 사용하여 페이지 레이아웃을 만들던 중 사진은 왼쪽 / 엘리먼트는 오른쪽에 두고싶었다!

.menu {
background-color: aquamarine;
display: flex;
}

nav {
margin-left: auto;
display: inline-block;
}

  • 부모 태그의 display 값을 flex로 지정하고 nav 엘리먼트의 왼쪽 여백 공간을 주면서 네비게이션이 우측으로 정렬!

엘리먼트 배치하기 참고
flexbox 참고

profile
깃헙으로 이사중..

0개의 댓글