フロートCSS ulのナビゲーション右再オーダー

Question

せずに、私はこのjqueryのナビゲーションを使用しています：http://css-tricks.com/5582-jquery-magicline-navigation/

私は並べ替えずに、右にナビゲーションフロートを持っていると思います（。例えば家、接点が接触し、家になります）。

http://postimage.org/image/1idig02pw/

オリジナルコード：

#navstyle { 
list-style:none; 
position:relative; 
width:960px; 
margin:0 auto 
} 

#navstyle li { 
display:inline-block 
} 

#navstyle a { 
color:#bbb; 
font-size:14px; 
float:left; 
text-decoration:none; 
text-transform:uppercase; 
padding:6px 10px 4px 
} 

#navstyle a:hover { 
color:#FFF 
} 

#magic-line { 
position:absolute; 
bottom:-2px; 
left:0; 
width:100px; 
height:2px; 
background:#fe4902 
} 

.current_page_item a { 
color:#FFF!important 
} 

.ie6 #navstyle li,.ie7 #navstyle li { 
display:inline 
} 

HTML：あなたは私がアップロードしたこの画面キャプチャで見ることができます - 残念ながら、私は自分自身を疲れたときに、いくつかの奇妙な結果を得ましたULはdivの "nav-wrap"にラップされています。 ULクラスはidが "navstyle"の "group"です。現在のページhomeはliクラス "current_page_item"を持ちます。

.nav-wrap { 
float:right; 
width:100%; 
font-size:1em; 
margin-top:108px; 
position:relative 
} 

#navstyle { 
list-style:none; 
float:right; 
display:inline-block; 
margin:0 
} 

#navstyle li { 
display:inline-block 
} 

私が間違ってやっているの任意のアイデア：

これは、私はそれが正しい浮くように変更したコードのですか？私は本当に助けていただきありがとうございます！ :)

Answer 1

ご注文を維持したい場合にのみ、リスト項目を残すことができます。すべてを右にしたい場合は、代わりに<ul>を単に浮かべてください。