Выровнять логотип заголовка по левому краю ⇐ CSS

[Anonymous]

У меня есть логотип в заголовке с панелью навигации сверху и снизу. Логотип всегда находится по центру. Как мне выровнять это по левому краю? Я обновил исходное сообщение, добавив некоторый отсутствующий код.
Пересмотренный код, отсутствующий в исходном сообщении, — это элементы div для Wrapper, оболочки и контейнера, а также CSS для них.

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

footer,
header,
menu,
nav,
section {
display: block;
}

.shell {
width: 100%;
margin: 0 auto;
}

.container {
background: #fff;
}

#header {
height: 82px;
float: left;
}

#logo {
height: 80px;
display: block;
border: 2px solid silver;
}

#navigation,
#topnav {
height: 37px;
font-weight: 600;
background-color: #1B2A47;
}

#navigation ul,
#topnav ul {
list-style: none;
list-style-position: outside;
}

#navigation ul li,
#topnav ul li {
float: left;
padding-right: 2px;
line-height: 40px;
font-size: 13px;
}

#navigation ul li a,
#topnav ul li a {
display: block;
padding: 0 22px 0 22px;
color: #FFFFFF;
text-decoration: none;
}

#navigation ul li a:hover,
#topnav ul li a:hover {
color: #7DC33A;
text-decoration: none;
}

#navigation ul li.first a,
#topnav ul li.first a {
padding-left: 30px;
}

#navigation a.nav-btn {
display: none;
}

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

[list]
[*][url=link.html]Link[/url]
[*][url=link.html]Link[/url]
[*][url=link.html]Link[/url]
[/list]



 
[img]https://picsum.photos/50/80[/img]




[url=#]Menu[/url]
[list]
[*][url=link.html]Link[/url]
[*][url=link.html]Link[/url]
[*][url=link.html]Link[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/789 ... o-the-left