float:right 이거요..
본문
메뉴부분 css 코딩을 하는데
float:right를 주면 글자가
로고 메뉴1 메뉴2 메뉴3 메뉴4 (오른쪽정렬)
이렇게 되는게 아니라
로고 메뉴4 메뉴3 메뉴2 메뉴1 (오른쪽정렬)
로 정렬이 되요..
제가 원하는건 젤 위에꺼 처럼 오른쪽 정렬만 되는건데요
답변 2
<style>
.wrapper { width: 100%; max-width: 1000px; margin: 0 auto; }
.logo { float: left; }
.menu { float: right; }
ul { margin: 0; padding: 0; list-style: none; }
ul li { display: inline-block; padding: 5px; }
</style>
<div class="wrapper">
<div class="logo"><img src="https://placehold.it/50x50/" alt=""/></div>
<div class="menu">
<ul>
<li>메뉴1</li>
<li>메뉴2</li>
<li>메뉴3</li>
<li>메뉴4</li>
</ul>
</div>
</div>
로고를 못봤네요 ㅠㅠ 다시 짜봤는데, 이렇게 하면 어떨까요?
헐ㅎ 소스를 다 짜주시넹ㅋ
감사함댜^^
안녕하세요?
<style>
div { float: right; }
ul { margin: 0; padding: 0; list-style: none; }
ul li { display: inline-block; padding: 5px; }
</style>
<div>
<ul>
<li>메뉴1</li>
<li>메뉴2</li>
<li>메뉴3</li>
<li>메뉴4</li>
</ul>
</div>
이런 식으로 해보시겠어요?
각 요소에 직접 float: right를 주는게 아니라 부모에 주는 방법으로 바꿔 봤어요~
로고부분 처리가 애매해요 ㅜㅜ
로고부분 왼쪽으로 정렬할때 float:left 줘야하지 않나요??
답변을 작성하시기 전에 로그인 해주세요.