Как уменьшить разрыв между моим контентом и заголовком?

Question

Вот JS скрипка проблемы: http://bit.ly/Zd8JAU

Я пытаюсь поместить заголовок с логотипом и названием по центру в верхней части страницы. Идея состоит в том, чтобы центрировать название самой страницы, а не в пределах пробела, оставленного справа от логотипа, если это имеет смысл?

Таким образом, я разместил логотип поверх заголовка, а затем изменил положение логотипа, сдвинув его вверх (иначе он будет настаивать на том, чтобы идти под заголовком). Проблема заключается в том, что тогда создается разрыв, который каскадирует вниз по странице, и мне придется каким-то образом сдвинуть все вверх по высоте логотипа, и я действительно не хочу этого делать.

Итак, есть ли лучший способ получить мой логотип, расположенный слева от заголовка, без создания пробелов где угодно и без него, что приведет к отключению текста в заголовке?

EDIT: обновленная скрипка, чтобы быть более ясной, чего я пытаюсь достичь.

Answer 1

Да, рассмотрите возможность использования фона CSS для вашего логотипа как части вашего элемента NAV, что упростит ваш текст и положение изображения без помех.