답변 2개
채택된 답변
+20 포인트
8년 전
</p><p><style></p><p>.wrapper { width: 100%; max-width: 1000px; margin: 0 auto; }</p><p>.logo { float: left; }</p><p>.menu { float: right; }</p><p>ul { margin: 0; padding: 0; list-style: none; }</p><p>ul li { display: inline-block; padding: 5px; }</p><p></style></p><p><div class="wrapper"></p><p><span style="white-space:pre"> </span><div class="logo"><img src="<a href="<a href="https://placehold.it/50x50/" target="_blank" rel="noopener noreferrer">https://placehold.it/50x50/</a>"><a href="https://placehold.it/50x50/" target="_blank" rel="noopener noreferrer">https://placehold.it/50x50/</a></a>" alt=""/></div></p><p><span style="white-space:pre"> </span><div class="menu"></p><p><span style="white-space:pre"> </span><ul></p><p><span style="white-space:pre"> </span><li>메뉴1</li></p><p><span style="white-space:pre"> </span><li>메뉴2</li></p><p><span style="white-space:pre"> </span><li>메뉴3</li></p><p><span style="white-space:pre"> </span><li>메뉴4</li></p><p><span style="white-space:pre"> </span></ul></p><p><span style="white-space:pre"> </span></div></p><p></div></p><p>로고를 못봤네요 ㅠㅠ 다시 짜봤는데, 이렇게 하면 어떨까요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
나연가온아빠
8년 전
헐ㅎ 소스를 다 짜주시넹ㅋ
d
dbstnwo11
8년 전
감사함댜^^
댓글을 작성하려면 로그인이 필요합니다.
8년 전
안녕하세요?
</p><p><style></p><p>div { float: right; }</p><p>ul { margin: 0; padding: 0; list-style: none; }</p><p>ul li { display: inline-block; padding: 5px; }</p><p></style></p><p>
</p><p><div></p><p><ul></p><p><li>메뉴1</li></p><p><span style="font-size: 14.6667px;"><li>메뉴2</li></span> </p><p><span style="font-size: 14.6667px;"><li>메뉴3</li></span><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;"><li>메뉴4</li></span><span style="font-size: 14.6667px;"> </span></p><p></ul></p><p></div></p><p>이런 식으로 해보시겠어요?
각 요소에 직접 float: right를 주는게 아니라 부모에 주는 방법으로 바꿔 봤어요~
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
d
dbstnwo11
8년 전
로고부분 처리가 애매해요 ㅜㅜ
로고부분 왼쪽으로 정렬할때 float:left 줘야하지 않나요??
로고부분 왼쪽으로 정렬할때 float:left 줘야하지 않나요??
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인