tableレイアウトの場合：
<table width="300px" border="1" cellspacing="0", cellpadding="0" style="border-color:#000000;">
<tr>
<td width="148px" style="border-color:#000000;">
hoge1
</td>
<td width="50px" style="border-color:#000000;">
<div style="font-size:1px; height:1px; width:100px; background-color:#FF0000"></div>
</td>
<td width="100px" style="border-color:#000000;">
hoge3
</td>
</tr>
</table>

cssレイアウトの場合：
div style="width:300px; border-style:solid; border-width:1px;">
<div style="width:148px; border-style:solid; border-width:1px; float:left;">
hoge1
</div>
<div style="width:50px; border-style:solid; border-width:1px; float:left;">
<div style="font-size:1px; height:1px; width:100px; background-color:#FF0000"></div>
</div>
<div style="width:100px; border-style:solid; border-width:1px; float:left;">
hoge3
</div>
</div>