묻고답하기

  2. Support
  3. 묻고답하기

간단한 css 좀 부탁드립니다.

2016.09.12 02:05

김선달

안녕하세요.

도움 좀 요청드립니다. 제가 css 문외한이라..
아래와 같은 코드로 메뉴를 정확히 절반으로 나누려면 어떻게 해야되는지요?

 

1.jpg

원하는 모습은 메뉴 1과 메뉴 2가 정확히 반으로 나뉘는 겁니다.

 

 

<!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
    border-right:1px solid #bbb;
}

li:last-child {
    border-right: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}
</style>
</head>
<body>

<ul>
  <li><a class="active" href="#home">메뉴1</a></li>
  <li><a href="#news">메뉴2</a></li>
  
</ul>

</body>
</html>

 

실력자 분들의 도움 부탁드리겠습니다.

감사합니다.

태그 연관 글
  1. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  2. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
  3. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  4. [2018/06/12] 묻고답하기 레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ by tosky****
  5. [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 by 예스24 *2
, , , , 이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
예스24 레이아웃 수정 좀 봐주세요 [2] file 2017.08.24 by 예스24
유자 메뉴바하고 이미지를 중앙에 고정하고싶어요.  
류중근 그림 첨부하면 100%에서 사라집니다. 어떡하죠? [3] 2017.06.05 by 류중근
줄루425c0 고급 메일 사용시 커넥션 타임아웃 에러가 납니다. [2] 2017.05.31 by 줄루425c0
꼬레아 패치 했는데요 애러입니다 [1] 2017.05.09 by 키큰아이
noo**** PDO, mySQL 접속 방법 문의 [1] 2017.04.25 by 기진곰
홍찬 게시판 본문에 HTML 특정 부분이전이 잘려서 View가 됩니다.  
뒤늦게입문 휴대폰 전화번호 오류 file  
포(Po) 우리 왭싸이트가 해킹당했다고 하네요... [1] 2017.03.02 by 기진곰
xe초보 누리고 ADMIN 각 메뉴 클릭 에러 내용인데 해결 가능한가요? [1] 2017.02.26 by HowtoXE
백작 호스팅 이전 후 에러좀 봐 주세요.. [2] 2017.02.21 by 백작
leejs**** wix 에 XE게시판 적용 폰트 크기 질문입니다..! [4] file 2016.12.07 by leejs****
a4print 관리자 화면에서 "에디터" 클릭하면 이렇게 에러가 나네요.ㅠㅠ  
꾸링 mp3 파일재생시 크롬 브라우저에서만 재생이 안되는 문제가 있습니다 file  
공유 오류 좀 잡아주세요.. 부탁드립니다.. [3] file 2016.10.27 by 공유
김선달 간단한 css 좀 부탁드립니다. file  
내똥굴따 레이아웃 메인 로그인/관리 탭이 없습니다. [1] file 2016.08.29 by Str@wberry_dev
덥붜 중고마켓 모듈 수정 file  
Ascii 익스플로어 로그인 실패 문제 [1] 2016.07.06 by HowtoXE
starship xe 1.4.0버전 사용중입니다 [1] 2016.06.30 by sejin7940
태그 쓰기