リンクを横に並べるには、どうすればいいですか？

質問

リンクを下記のように並べたいのですが、CSSにはなんと記述すればいいでしょうか？

　　　リンク1（中央揃え）　　　リンク2（右揃え）

なぜか、下記のようになってしまいます。

リンク1（中央揃えにしたいのに、左揃え状態）
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　リンク2（右揃えになっているけど、改行されてしまう）

margineかpaddingで設定するしかないでしょうか？
文章が見づらくて、すいません。私が記述したHTML・CSSのソースを下記に載せます。
よろしくお願いします。

/*---------- CSS部分（外部スタイルシートに記述） ----------*/
div#inline {
display: inline;
}

div#center {
text-align: center;
}

div#right {
text-align: right:
}

/*---------- HTML部分 ----------*/
<div id="inline">
<div id="center"><a href="～○○">リンク1</a></div>
<div id="right"><a href="～○○">リンク2</a></div>
</div>

回答No.1

szk9998 · ベストアンサー

結論から言うと、
/*---------- CSS部分（外部スタイルシートに記述） ----------*/
div#inline {
position: relative;
}
div#center {
text-align: center;
}
div#right
{
position:absolute;
top:0px;
right:0px;
}

で表示できませんか？
手元でIE(Ver9)とFireFox(Ver10)で表示できてます。

・display: inline;は不要。
・divは行単位のタグなので、普通に使えば確実に改行です。
・divにtext-align: right:は適用できない
　（ブラウザのバージョンは？　古くないですか）

ということで、上記のとおりとなります。
positionタグは調べてくださいね。

お礼

回答ありがとうございます。
できました。positionタグ、勉強します。
本当にありがとうございました。