Win7/IE11環境で、ウェブ画面を作成しています。
以下のhtmlでREC1とREC2の行の終端を揃えたいのですが、うまくいきません。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<META http-equiv="X-UA-Compatible" content="IE=Edge">
</HEAD>
<TABLE ID="outputArea">
<TR valign="top">
<TD style="border-style:none;">
<TABLE>
<TR>
<TD style="border-style:none;" ID="outputAreaMeisai"><span style="background-color:#FF0000;"><font color=#FFFFFF>REC1 X X X X X X X X</font></span> </TD>
</TR>
<TR>
<TD style="border-style:none;" ID="outputAreaMeisai"><span style="background-color:#FF0000;"><font color=#FFFFFF>REC2XXXXXXXXXXXXXXXX</font></span> </TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</HTML>
REC1もREC2も文字数は同じなのになぜ揃わないのでしょうか?
( が入っていると揃わないものなのでしょうか)
が入っていても、文字数を揃える為にはどうすればよいでしょうか?