Не могу сделать навигационный дисплей рядом с элементом H1 ⇐ CSS

[Anonymous]

Решен - это была групповая усилия. Большое спасибо всем, мой первый опыт публикации здесь был замечательным, и вы все дали мне чему учиться
Я пытаюсь сделать сайт, используя HTML5/CSS (3). Я хочу, чтобы батончик NAV был на дальнем конце заголовка, и был на той же линии, что и элемент H1, обмениваясь фоном H1. (Если возможно)
Я опубликую код, который я использую, плюс скриншот, показывающий, как он выглядит, против того, как я хочу, чтобы он выглядел. Извините. < /P>



Broadcast Services

• Home
• PAGE 2
• PAGE 3
• PAGE 4
• PAGE 5
• Contact Us

< /code>

#header {
width: 100%;
border-top: 1.5px solid black;
border-bottom: 1.5px solid black;
margin-bottom: 4%;
padding: .75%;
}

#header img {
width: 30%;
display: inline;
}

h2 {
color: #4F2F8F;
font-size: 125%;
font-weight: bold;
background-image: url(images/transpblack10.png);
text-shadow: 1px 1px 1px #000000;
line-height: 85%;
}

#nav {
font-size: 110%;
float: right;
}

#nav ul li {
display: inline;
float: left;
list-style-type: none;
}

#nav ul li a {
display: inline-block;
text-decoration: none;
}


Подробнее здесь: https://stackoverflow.com/questions/160 ... h1-element