１行内に複数の文字位置を設定する方法

質問

再度の質問で大変恐縮です
１行内で文字位置を揃える方法は以下のように昨日教えて頂きました

　　div.hoge2{
clear:both;
float:left;
width:150px;
}
</style>

<br>
<div class="hoge1"><font size="3"><b>ＡＢＣ</b></font></div><div>あいうえお</div><br>

１行内で複数の文字位置を指定しようとするうまくいきません
どのようにすれば良いのでしょうか

以下のようにしたいのですが

　　　1　　　　　　1　　　　　　　IO　　　　
　　　2　　　　　　2　　　　　　　P1

回答No.1

yambejp · ベストアンサー

clear:bothしているのは先頭だからです。
なのでクラス設定を分ければよいでしょう

<style>
div.hoge1{
float:left;
width:150px;
}
div.hoge2{
clear:both;
}
</style>
<div class="hoge1 hoge2">1</div><div class="hoge1">1</div><div>IO</div>
<div class="hoge1 hoge2">2</div><div class="hoge1">2</div><div>P1</div>

お礼

早々、ご回答頂きありがとうございます
まだまだ慣れないもので大変申し訳ありません
とても参考になりました
ありがとうございます