写真と文字の大きさをそろえたい

質問

ビルダーを使いながらやっているのですが
二つのものを左右に並べて上下同じ大きさで表示したいのですが、
下記では同じ大きさになっていると思うのですが、
大きさが（上下の大きさのみ※左右は異なってよいのですが）
ことなって表示されてしまいます。
解決方法を教えてください。。。

<DIV style="width : 191px;height : 335px;top : 94px;left : 157px;
position : absolute;
z-index : 10;" id="Layer8" class="hpb-lb-tb1-cell1" align="center">
<SPAN class="hpb-body4"><SPAN STYLE="line-height:1"><span style="font-size:15pt">
<B><STRONG>ここに文字</STRONG></B></SPAN></SPAN></SPAN>
</DIV>
<DIV style="width : 412px;height : 295px;top : 94px;left : 347px;
position : absolute;
z-index : 9;
" id="Layer9" class="hpb-lb-tb1-cell2" align=""><IMG src="hpb_i_top10.jpg" alt="イメージ" width="412" height="295"></DIV>

回答No.2

tenderfeel · ベストアンサー

前の回答でダブってると指したのは、ビルダーが吐いたソースによくある多重ネストされたタグのことです。

<SPAN class="hpb-body4"><SPAN STYLE="line-height:1"><span　style="font-size:15pt">
<B><STRONG>ここに文字</STRONG></B></SPAN></SPAN></SPAN>
▲ここです

先頭の<SPAN class="hpb-body4">というタグでclass指定がしてあるので、
その中に後に続くspanで指定されているスタイルを入れれば２つspanタグが減らせます。

.hpb-body4 {line-height:1; font-size:15pt;}

また<b>と<strong>はどちらも強調なのでどちらか片方がいいです。
使うとすれば<strong>がよろしいかと。
ただ太字にするだけで使っているなら、この強調もスタイルに入れてしまうと良いと思います。
（強調するという意味合いをつけてるならそのままでOK）

.hpb-body4 { line-height:1; font-size:15pt; font-weight:bold; }

で、結果こうなります
<span class="hpb-body4">ここに文字</span>
または
<span class="hpb-body4"><strong>ここに文字</strong></span>

お礼

<SPAN class="hpb-body4" style="line-height:1;font-size:15pt">
これでよかったのでしょうか？
とりあえずブラウザ上できちんと表示されるようになりました。
なにから何まで質問ですいません。

strong　と　b の記述もstrongのみの記述にしました。

ご指導本当にありがとうございます。
また、質問があったら答えていただけると嬉しいです。

回答No.1

tenderfeel

↓これでどうですか？
<DIV style="width : 191px;height : 295px;top : 94px;left : 157px;
position : absolute;z-index : 10;" id="Layer8" class="hpb-lb-tb1-cell1" align="center">
<SPAN class="hpb-body4"><SPAN STYLE="line-height:1"><span　style="font-size:15pt">
<B><STRONG>ここに文字</STRONG></B></SPAN></SPAN></SPAN>
</DIV>
<DIV style="width : 412px;height : 295px;top : 94px;left : 347px;
position : absolute;z-index : 9;" id="Layer9" class="hpb-lb-tb1-cell2" align=""><IMG src="hpb_i_top10.jpg" alt="イメージ" width="412" height="295"></DIV>

<b>とか<strong>とか<span>がかなりダブってるので、整理した方がよろしいかと。

お礼

実は、書いてからhightが違う事に気がつきました。
すいません。でも、丁寧なご回答ありがとうございます。
できればもう一点質問があります。

<b>.<strong>はどこでダブっているのでしょうか？？

また<span>を整理し、一つにするときは何で繋げればよいの
でしょうか？？

まだHTMLに関して始めたばっかりで、玄人の方にはふざけた様な
質問ですいません。
できれば補足願えると助かります。よろしくお願いします。