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

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

Кусок из 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;
}