- ベストアンサー
表示のしかたがわかりません
おはようございます。 HTMLで1行表示したいんですが、表示のしかたがわかりません。 たとえば、画面左側に『こんにちは』、画面右側に 『こんばんは』と表示したいと考えています。 こんにちは<DIV ALIGN="RIGHT">こんばんは</DIV> とすると、改行されて表示されてしまいます。 これを1行（同じ行）で左と右に表示したいのですが、 どのようにすればいいでしょうか？
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＞TABLEタグを使わず～ じゃ、スタイルシートでポジション指定ですかね。 基本パターンは↓。 <html> <head> <title></title> <style type="text/css"> <!-- div.left{position:absolute; left:0px;} div.right{position:absolute; right:0px; } --> </style> </head> <body> <div class="left">こんにちは</div> <div class="right">こんばんは</div> </body> </html> お試しを。
その他の回答 (3)
- kmor
- ベストアンサー率27% (225/825)
こんな感じでしょうか。 <DIV style="top : 10px;left : 10px; position : absolute;"> こんにちわ </div> <DIV style="top : 10px;left : 500px; position : absolute;"> こんばんわ </div>
お礼
できましたー どうもありがとうございます。
- strife
- ベストアンサー率53% (112/209)
おはようございます。 一行に右寄せ、左寄せ両方とも作りたいのであれば、一番手っ取り早い方法はTABLEタグを使用することです。（これは好き嫌いが分かれる方法ですが…。） これはTABLEのborderを設定せずにすることにより、表の枠を表示させずにレイアウト枠として使う方法です。 サンプルとして、下のものを試してみてください。 <TABLE width="100%"> <TBODY> <TR> <TD align="left">こんにちは</TD> <TD align="right">こんばんは</TD> </TR> </TBODY> </TABLE> 応用しだいで、いろいろなレイアウトを考えることができます。 ただし、TABLEタグは多用すると重くなるので気をつけてください。 それでは。
補足
早速に回答ありがとうございました。 すみません、TABLEタグを使わず記述したいと考えております。 すみません、説明不足で・・・ TABLEタグをつかわないとやはりむりなんでしょうか？
こんにちは←ここが左端／ここが右端→こんばんは －－のような感じですか。 テーブルを使うと、比較的イメージに近いものができると思います。基本パターンは↓。 <table width="100%"> <tr> <td align="left">こんにちは</td> <td> </td> <td align="right">こんばんは</td> </tr> </table> ご参考まで。
補足
早速に回答ありがとうございました。 すみません、TABLEタグを使わず記述したいと考えております。 すみません、説明不足で・・・
お礼
上記で、できました。 すみません、2度も回答いただき・・・m(_ _)m どうもありがとうございました。