html - Firefox 不能正确表示 hr

Question

我有一个代码应该以格式表示输出，

_____________________________
|                            |
|____________________________|
Insert

  __________________________

Poster                    Date
--------------POST------------
    Comm. ________________
    Comm. ________________

  ___________________________

Poster                    Date
--------------POST------------
    Comm. ________________
    Comm. ________________

现在，我的代码在 chrome 甚至 Internet Explorer 中都能正常工作。但是 Firefox 不接受我的这种格式的代码。

_____________________________
|                            |
|____________________________|
Insert

  __________________________

Poster                    Date       ___________________________
--------------POST------------
    Comm. ________________
    Comm. ________________



Poster                    Date
--------------POST------------
    Comm. ________________
    Comm. ________________

我在这几个小时没有结果。有什么修复吗？这是小提琴。在这里，如果页面中没有显示 hr 标签，http://jsfiddle.net/JA8TS/

Answer 1

您需要清除浮动元素，添加此行

<div style="clear: both;"></div>

在这些行之后

<input type="submit" name="submit" value="Comment " class="button" style="font-size:1em;width:100px;float:right;margin-top:4px;"/>
            </div>
        </form>

演示

注意：没有使表格花哨，因为smarty这里破坏了表格

Answer 2

而不是使用<br>拆分行来<p></p>强制新行。

编辑：

我说拆分你的行，我的意思是把它们封装在<p></p>.

<p>Line 1</p>
<p>Line 2</p>

而不是：

Line 1<br>
Line 2