水平线和图标在一行？

Question

我一直试图将一行中的图片与<hr>对齐失败。怎么做？它与使用position有什么不同吗？

Answer 1

我希望这就是你想要的：

http://jsfiddle.net/wBXFE/

HTML：

<div id="image"></div>
<hr>

CSS：

#image{
    height:100px;
    width:100px;
    border:1px solid black;

}
hr{
    margin-top:-50px;
    margin-left:110px;
}

Answer 2

使用margin是一种选择。

http://jsfiddle.net/54Bjz/

Answer 3

HTML：

​<img src="/" /><hr />​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS：

​img {
    border: 1px solid #333;
    display: blok;
    height: 100px;
    width: 100px;
}​

hr {
    display: block;
    margin-left: 120px;
    margin-top: -7px;
}

请参阅：http://jsfiddle.net/PprBa/

Answer 4

表有两个单元格？

<TABLE . . .>
  <TR>
    <TD><IMG . . .><TD>
    <TD><HR . . .><TD>
  </TR>
</TABLE>