I18N Tests: Block level bidi markup 3

There is a dir="rtl" attribute on the html element for this document. (This is overridden for blocks containing English text describing the test. Graphics are shown by small corners top left and top right.)

p and table in a LTR div

The p and table elements inherit directionality, but appear within a <div dir="ltr">.

Markup is: <div dir="ltr"><p>...</p></div>.

Check order of words looks the same as this graphic, and that the text is left-aligned:

Markup is: <div dir="ltr"><table>...</table></div>

Check order of columns and the alignment of text in the columns looks the same as this graphic, and that the table is left-aligned:

Direction change on p and table

The p and table explicitly change directionality using dir="ltr". The div they are in simply inherits the document direction.

Markup is: <div><p dir="ltr">...</p></div>.

Check order of words looks the same as this graphic, and that the text is left-aligned:

Markup is: <div><table dir="ltr">...</table></div>

Check order of columns and the alignment of text in the columns looks the same as this graphic, and that the table is right-aligned:

RTL p and table, in a LTR div

The p and table explicitly change directionality using dir="rtl", within a div set to dir="ltr".

Markup is: <div dir="ltr"><p dir="rtl">...</p></div>.

Check order of words looks the same as this graphic, and that the text is right-aligned:

Markup is: <div dir="ltr"><table dir="rtl">...</table></div>

Check order of columns and the alignment of text in the columns looks the same as this graphic, and that the table is left-aligned: