怎样使水平线 与该行的文字在 同一行？

Question

<td> 
<div  style="float :left"><hr color="#FF0000" width="58" size="10"></div>
<div> 8992</div> 
</td>

Answer 1

放个容器就可以了。
例如：
        <table>
            <tr>
                <td>
                    <table width="100%">
                        <tr>
                            <td width="50%">
                                <hr color="#FF0000" width="58" size="10"/>
                            </td>
                            <td>
                                abc
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

Answer 2

<td>
                <div style="float: left; width: 50px;">
                    <hr />
                </div>
                8992
            </td>

Answer 3

<style type="text/css">
hr{
    border-collapse:collapse;
    float:left;
    width:200px;;
    margin:8px 0 0 0;
    color:#339966;
}
</style>
<span style="float:left;">8896</span>
<hr/>

Answer 4

72为采用了
<td>
<table>
<tr>   
  <td><hr color="#0000FF" width="24" size="10"/></td>   
  <td>72</td>   
  </tr>
</table>
</td><td> <div  style="float :left"> <hr color="#FF0000" width="58" size="10"> </div> <div> 8992 </div></td>火狐下测试，蓝色的支持，红色的还是换行，郁闷

Answer 5

<style type="text/css">
hr{
    border-collapse:collapse;
    float:left;
    margin:2px 0 0 0;
    height:15px;
    border-color:black;    
}
span{
    float:left;
}
</style><span>教学质量:</span>
<input type="radio" style="float:left;"/>
<hr style="width:50px;background-color:red;"/>
<span>&nbsp;12%</span><br/><span>校园环境:</span>
<input type="radio" style="float:left;"/>
<hr style="width:230px;background-color:orange;"/>
<span>&nbsp;57%</span><br/><span>住宿饮食:</span>
<input type="radio" style="float:left;"/>
<hr style="width:90px;background-color:blue;"/>
<span>&nbsp;22%</span><br/><span>周边配套:</span>
<input type="radio" style="float:left;"/>
<hr style="width:40px;background-color:green;"/>
<span>&nbsp;10%</span><br/>

Answer 6

我放弃了那个该死的hr在ie里边怎么弄都剧中对齐,换成div了
<style type="text/css">
.div-bar{
    border-collapse:collapse;
    float:left;
    margin:2px 0 0 0;
    height:15px;
    border-color:black; 
    font-size:1px;   
}
span{
    float:left;
    font-size:14px;
    padding-top:3px;
}
.div-record{
   border:1px solid red;
   margin-top:10px;
   height:20px;
}
</style><div class="div-record">
<span>教学质量:</span>
<input type="radio" style="float:left;"/>
<div class="div-bar" style="width:50px;background-color:red;"></div>
<span>&nbsp;12%</span>
</div><div class="div-record">
<span>校园环境:</span>
<input type="radio" style="float:left;"/>
<div class="div-bar" style="width:230px;background-color:orange;"></div>
<span>&nbsp;57%</span>
</div><div class="div-record">
<span>住宿饮食:</span>
<input type="radio" style="float:left;"/>
<div class="div-bar" style="width:90px;background-color:blue;"></div>
<span>&nbsp;22%</span>
</div><div class="div-record">
<span>周边配套:</span>
<input type="radio" style="float:left;"/>
<div class="div-bar" style="width:40px;background-color:green;"></div>
<span>&nbsp;10%</span>
</div>

Answer 7

因为我上网用火狐调试东西才用ie，10楼那个效果是我在火狐下调试通过的忘了在ie下调了，可没想到在ie下成了那副鬼样子。火狐和safari成一派，ie成一派，opera两派都沾一些，浏览器的兼容真他妈的累

Answer 8

<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#CCCCCC"><hr size="10" color="#FF0000" width="50" style="float:left; display:inline;" />8992</td>
  </tr>
</table>这样在FF下就同一行了，但IE下不行，见鬼