Как да сложа по в ляво менюто(бутоните)?

[triplesho7]

Здравейте. Някой може ли да ми каже или по скоро да промени кода така че менюто да отиде в ляво - там където съм го замазал със синьо. Както и в дясно където пак съм го замазал със синьо искам да има надпис, но не зная как да го направя.
https://ibb.co/mXrXrRM
Ето го и CSS кода:

.header_menu { clear: both; width: 500px; height: 30px; margin: 0; padding: 0; list-style: none }
.header_menu li { display: inherit; padding: 0; margin: 0 }
.header_menu li a { display: block; float: left; margin-right: 10px; text-align: center; color: #ccc; height: 30px; line-height: 30px; }
#top_menu { position: absolute; display: block; top: 15px; left: 0; width: 400px; height: 30px; }
#top_menu li a {   width: 80px } 
#top_menu li a:hover { color: #fff }
#top_menu li a.selected {  background: url(images/tooplate_menu_hover_one.png) }

Благодаря!

 

[anonimen]

Най-грубото решение е да фиксираш отрицателна стойност на "left:". Разбира се, това е неприспособяемо към екрани с ширина, различна от твоята, но без малко HTML структура трудно мога да ти дам по-конкретен отговор.

Би ли илюстрирал случая си, например тук: https://jsfiddle.net/, за да можем по-лесно да ти помогнем? Нужно е само горната част на страницата да покажеш, и то само това, което е необходимо, за да ти опише сценария. Така ще получиш по-добри и по-качествени отговори, по-бързо