cssで複数テキストを横並びにした後、右に寄せたい場合

Question

                    <li class="header_gorup_navi_item">
                        <a target="_blank" rel="nofollow" href="site_navi.html">当サイトの使い方</a></li>
                    <li class="header_gorup_navi_item">
                        <a target="_blank" rel="nofollow" href="user_egistration.php">会員登録</a></li>
                    <li class="header_gorup_navi_item">
                        <a target="_blank" rel="nofollow" href="login.php">ログイン</a></li>
                    <li class="header_gorup_navi_item">
                        <a target="_blank" rel="nofollow" href="help.html">ヘルプ</a></li>

こちらのaタグのテキストを横並びにして
右に寄せたいと思い

.header_gorup_navi_item {
    display: inline-block;
}

こちらで横並びにはできたのですが
その後右に寄せたいのですが
うまくいきませんでした

試したこと

.header_gorup_navi_item {
    display: inline-block;
    text-align: right;
}

.header_gorup_navi_item {
    display: inline-block;
}

.header_gorup_navi_item a{
    text-align: right;
}

など試してみましたが右寄せができなかったので
こちらで質問させて頂きました。
何か方法やヒントなど教えていただけると幸いです。
宜しくお願い致します。

Answer 1

提示されているHTMLコードを囲む親要素にtext-align: right;を設定するという手があります。
<li>要素を使っているのだから、親要素に<ul>か<ol>がありますよね？（無ければ加えてください）

Comments

[dd_]

ご回答ありがとうございます。
参考にさせていただきます。