Просмотр поста

Копипастну свой пост, т.к. ответа не получил.

Всем привет, вот начал верстать свой дизаин под четвёрку и сталкнулся с такой проблемкой, делаю сейчас в шапке кнопки (скрин ниже), так вот на компьютере отображается всё отлично, в одну строчку, а на тачфоне эти кнопки не помещаются в одну строку и часть кнопок переносится во вторую строку (жаль что на телефоне не могу сделать скрин, но думаю вы меня поймёте), так вот в чём вопрос, как сделать так чтобы и на телефоне отображалось всё в одну строчку?

Кусок из CSS:

.menuuser { 
    background: #e7e8ed url(img/head_bg.png) repeat-x; 
    padding: 7px; 
} 

.menuuser a { 
    border: 1px solid #2f732f; 
    border-radius: 4px; 
    background: #0b64b5 url(img/title_bg.png) repeat-x; 
    color: #fbfbfc; 
    font-weight: bold; 
    text-shadow: #084378 0px -1px 0px; 
    display: inline-block; 
    padding: 1px 2px 1px 2px; 
} 

.menuuser a:hover{ 
    border: 1px solid #2f732f; 
    border-radius: 4px; 
    background: #0b64b5 url(img/title_bg.png) repeat-x; 
    text-shadow: #084378 0px -1px 0px; 
    color: #d1e3f0; 
    font-weight: bold; 
    display: inline-block; 
    padding: 1px 2px 1px 2px; 
}