リストを全体的に右寄せにしたい。

質問

リストを横並びにしました。
これを大きいdivで囲んだ中の右寄せにするにはどうしたらよいのでしょうか。

#ex {
width: 100%;
background-color: #66CCFF;
height: 28px;
}
#ex ul {
list-style: none;
}
#ex li {
margin: 0px;
padding: 5px 0px 5px 30px;
list-style: none;
float: left;
background: url(***.gif) no-repeat 10px 0.5em;
}

<div id="ex">
<ul>
<li><a href="#">リスト</a></li>
<li><a href="#">リスト</a></li>
</ul>
</div>

回答No.1

yambejp · ベストアンサー

ulにfloat:rightを設定してみは？

#ex ul {
list-style: none;
float:right;
margin: 0px;
padding: 0px;
}

お礼

#ex li のfloat: left;をやめて、display:inlineに変更し、yambejpさんの方法で解決しました。
ありがとうございました！！

補足

ご回答、ありがとうございます。
floatを設定の場合、#ex ulにwidthは指定しなくてもOKでしょうか？