Навигационная полоса из двух ультрафонах с CSS ⇐ CSS

[Anonymous]

только начал изучать CSS и сталкиваюсь с проблемой. Проблема заключается в том, что изображение, а текст (H1-заголовок) начинается с неправильного места, когда они должны (или чего я пытаюсь достичь здесь) начать с конца «строки» с именем Div-Element. < /P>
html One: < /p>

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

[list]
[*]1
[*]2
[*]3
[*]4
[*]5
[/list]

[list]
[*]3
[*]4
[/list]

This header is going in wrong place.
This is where the text comes.

< /code>
css One: < /p>
.row ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
}

.row li {
display: inline
}

.row #left {
float: left;
}

.row #right {
float: right;
}

.picture {
background-image:url('https://i.sstatic.net/M6U3Oodp.png');
height: 400px;
}

Вот ссылка: http://jsfiddle.net/yw8uz/109/
Любые предложения, как я мог бы сделать это или как я мог бы заставить эту работу? Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/259 ... s-with-css