답변 2개 / 댓글 3개
채택된 답변
+20 포인트
Copy
<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>로고를 못봤네요 ㅠㅠ 다시 짜봤는데, 이렇게 하면 어떨까요?
안녕하세요?
Copy
<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를 주는게 아니라 부모에 주는 방법으로 바꿔 봤어요~
답변을 작성하려면 로그인이 필요합니다.