834949 - hr tag is displayed inline in table cell

Status: RESOLVED INVALID

(Core :: Layout: Tables, defect)

Description

[samlecuyer]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.17 (KHTML, like Gecko) Chrome/24.0.1312.56 Safari/537.17

Steps to reproduce:

I created a table, with a single tr containing a single td.
The td contained another table and an hr.

Yes, I know this is terrible, but I'm doing a newsletter that needs to support Outlook


Actual results:

The horizontal rule was displayed to the right of the sibling table.  ie, it displayed inline instead of block


Expected results:

The horizontal rule should display below the sibling table, not next to it.

Comment 1

[samlecuyer]

Attachment: This is an html document in which it occurs.

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

align="left" on a table makes it a float, which causes the other things near it to wrap around  it

Comment 3

[samlecuyer]

Sorry to re-open this, but the spec says that align=left should:

"Left-flush data/Left-justify text. This is the default value for table data."

Align=left should not change the layout from the default by forcing a float.  Webkit doesn't do this.  IE doesn't do this.  Outlook doesn't do this.  Only Gecko does.

http://www.w3.org/TR/html401/struct/tables.html#h-11.3.2

Comment 4

[:Ms2ger (he/him; ⌚ UTC+1/+2)]

> table[align=left i] { float: left; }

http://www.whatwg.org/html/#tables

Comment 5

[samlecuyer]

Okay