Позиция панели навигации вверху справа ⇐ Html

[Anonymous]

Я пытаюсь переместить панель навигации в правый верхний угол, а логотип — в верхний левый, на одной строке. Но я не могу этого сделать, и мне нужна помощь. Я новичок в изучении HTML и CSS. Панель навигации в настоящее время находится под именем/логотипом в правом верхнем углу.

Демо

Код: Выделить всё

      .container{
padding: 40px 40px 40px 40px;
margin: 10px 10px 10px 10px;
position: relative;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
text-align: left;
border: 1px solid blue;
color:white;
}

.container h1{
text-align: left;
font-size: 50px;
}

.container nav{
height: 70px;
line-height: 70px;
border: 1px  solid green;

}

.container nav ul {
list-style: none;
width: 100%;
border: 1px solid red;
text-align:right
}

.container nav ul li {
display: inline-block;
font-size: 100%;
color:white;
margin-right: 0;
border : 1px solid yellow;
} 

Код: Выделить всё

    

Srikanth Gowda



[list]
[*]Design
[*]Photography
[*]About
[*]Contact
[*]Blog
[/list]

Подробнее здесь: https://stackoverflow.com/questions/487 ... -top-right