マージン？空白？を変えたい

質問

以下のコードで左右のマージン？空白？を変えたいのですが、どうすればよいのでしょうか？
現状、ヘッダのメニューを9個までは普通に設置できるのですが、10個になると二段になってしまうので、ちょっとみっともないのです。文字サイズは変更したくないです。

/* ----- header-menu (default color #f3193d) --------------------------------------------------------------------------------------------------------------------------- */
.header_menu { float:right; display:inline; margin:20px 0 0 0; height:52px; background:url(img/header_menu_right.gif) no-repeat right top; }

.menu { float:left; background:url(img/header_menu_left.gif) no-repeat left top; font-size:11px; height:52px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; border-left:1px solid #444; height:48px; margin:2px 0 0 0; z-index:10; }
.menu ul li { height:auto; border-left:none; padding:0; left:auto; margin:0; }
.menu a:link, .menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
.menu a:hover { color:#f3193d; text-decoration:none; background:#333; }
.menu ul { position:absolute; top:48px; left:0; display:none; opacity:0; width:200px; }
.menu ul ul { margin:0 0 0 189px; top:0; }

回答No.1

outbrave · ベストアンサー

HTMLのソースがあると検証できたのにねぇ。

横の空白といえば、
.menu a:link, .menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
ここの、30px を変えるぐらいしかないかな？

お礼

wordpressのテーマなので、htmlのソースは特にないんです。
ご教授頂いた点をいじってみましたが、変わりませんでした。
ほかにないですかね。。。

ちなみに、テーマはこれです。

http://www.mono-lab.net/wordpress-theme/103.html

回答No.2

outbrave

style.css 225行目を変更してみました。
.menu a:link, .menu a:visited { color:#999; display:block; padding:19px 10px 14px; position:relative; }

右上のメニューのことだと思いますが、添付画像のようになりませんか？

数値を 0px にしても、文字が長いと入りきれないのは仕方ないと思います、
そのために展開するメニューになっています。