HTMLで同じ行の左右に文字配列

質問

HTMLで、テーブルタグやレイヤーを使わずに、同じ行の左右に文字配列するには、どのようにしたらよいでしょうか？

回答No.3

crepon133

.box {
width:100%;
text-align:left;
border:1px solid #cccccc;
color:#000000;
background-color:#ffffff;
margin:0px;
padding:0px;
}
.right {
float:right;
text-align:right;
margin:0px;
padding:0px;
}
.left {
float:left;
margin:0px;
padding:0px;
}
.c-all{
clear:both;
}

<div class="box">
<div class="left">あああ</div>
<div class="right">いいい</div>
<br class="c-all">
</div>

回答No.2

kappa-pa

<DL><DT><DD>タグを用いてCSSで表示位置が同じ行になるような調整をする。時々、簡単な表とかの表示で使うことがある。もちろん囲み線も可能。
これが応用で使えるかも。
どうしたい（文字の分量とか）のかが、わからないので適当だけどこんな感じで参考になりませんか？

<DL class=info>
<DT>１：
<DD>＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊<BR>＊＊＊＊＊＊
<DT>２：
<DD>＊＊
<DT>３：
<DD>＊＊＊＊＊＊＊＊＊＊＊＊＊＊
<DT>４：
<DD>＊＊＊</DD></DL>

.info {
margin-top: 10px;
margin-bottom: 25px;
}
.info dt {
padding: 0 0 3px 5px;
}
.info dd {
line-height: 160%;
margin: -1.6em 0 0.8em 9em;
}

絶対と相対の指定混同してみた（どちらも指定できるという例で）

お礼

こたえていただきありがとうございました

回答No.1

Xaval

無理だと思います。
間にスペースを入れるか、widthをもった不可視インライン要素を入れるか。。透明イメージとか。