Проблема с позиционированием меню в пользовательском стиле WP

Я создал стиль с полностью функциональным меню в заголовке. Заголовок заканчивается нижним краем.

Когда я добавляю следующие строки в style.css, чтобы изменить внешний вид меню:

.site-nav ul li { list-style: none; float: left; } 

то меню меняет свое положение ниже нижней границы заголовка. введите описание изображения здесь

Я не понимаю, я строго следую руководству по https://www.youtube.com/watch?annotation_id=annotation_4149774805&feature=iv&index=4&list=PLpcSpRrAaOaqMA4RdhSnnNcaqOVpX7qi5&src_vid=k7olvEeBM2I&v=AShql_Ap1Yo

Спасибо.

Solutions Collecting From Web of "Проблема с позиционированием меню в пользовательском стиле WP"