센터의 로고가있는 상단 머리글을 만들고 왼쪽과 오른쪽의 탐색 옵션을 만들고 싶습니다.센터 로고의 측면에 탐색 옵션을 제공하려면 어떻게해야합니까?
다음은 지금까지 내가 가지고있는 형식이지만 거기에 양식을 취하는 방법을 잘 모르겠습니다. 이 작업을 수행하려면 어떻게해야합니까?
<div class="header">
<div class="nav">
<ul>
<li>Option 1</li>
<li>Option 2</li>
<li>Option 3</li>
<li>Option 4</li>
<img class="logo_home" src="logo.png" height="100">
<li>Option 5</li>
<li>Option 6</li>
<li>Option 7</li>
<li>Option 8</li>
</ul>
</div>
</div>
CSS : 여기
ul {
list-style:none;
}
li {
display:inline;
}
.header {
background-color: #999;
width: 100%;
height: 80px;
top: 0;
left: 0;
position:absolute;
}
.logo_home {
display:block;
margin-left:auto;
margin-right:auto;
}
이 뭔가에 대해 정정 할 수있는 HTML이야 - 그것을에게
할 것 ,하지만 나는 실수를 본다. 'li' 엘레멘트에는'href' 속성이 없습니다. – trajce
@trajce 죄송합니다! 나는 이전에 태그를 가지고 있었지만 제거했다. 그러나 어떻게 든 href 부분을 여전히 가지고 있다고 생각한다. – AAA
내 대답을 확인하십시오, 메뉴가 중앙에 있습니다. – trajce