-
Notifications
You must be signed in to change notification settings - Fork 3.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Improved precision of text-align-end-00[1-15].html and their referenc…
…e files (#34811)
- Loading branch information
Showing
24 changed files
with
159 additions
and
219 deletions.
There are no files selected for viewing
14 changes: 6 additions & 8 deletions
14
css/css-text/text-align/reference/text-align-end-ref-001.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, direction: rtl</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 24px; } | ||
| #rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref">REFER</div> | ||
| <div class="ref">REFER</div> | ||
| </body> | ||
| </html> | ||
| </html> |
14 changes: 6 additions & 8 deletions
14
css/css-text/text-align/reference/text-align-end-ref-002.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, direction: ltr</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 24px; } | ||
| #rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div> | ||
| <div style="direction: rtl;"> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref">REFER</div> | ||
| <div class="ref">REFER</div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </html> |
14 changes: 6 additions & 8 deletions
14
css/css-text/text-align/reference/text-align-end-ref-003.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, dir=rtl</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 24px; } | ||
| #rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes is identical.</div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref">REFER</div> | ||
| <div class="ref">REFER</div> | ||
| </body> | ||
| </html> | ||
| </html> |
14 changes: 6 additions & 8 deletions
14
css/css-text/text-align/reference/text-align-end-ref-004.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, dir=ltr</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 24px; } | ||
| #rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes is identical.</div> | ||
| <div dir="rtl"> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref">REFER</div> | ||
| <div class="ref">REFER</div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </html> |
16 changes: 6 additions & 10 deletions
16
css/css-text/text-align/reference/text-align-end-ref-005.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, direction: rtl</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 72px; } | ||
| .rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } | ||
| .rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } | ||
| .rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| </body> | ||
| </html> | ||
| </html> |
16 changes: 6 additions & 10 deletions
16
css/css-text/text-align/reference/text-align-end-ref-006.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, direction: ltr</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 72px; } | ||
| .rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } | ||
| .rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } | ||
| .rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes is identical.</div> | ||
| <div style="direction: rtl;"> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </html> |
16 changes: 6 additions & 10 deletions
16
css/css-text/text-align/reference/text-align-end-ref-007.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, dir=rtl</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 72px; } | ||
| .rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } | ||
| .rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } | ||
| .rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| </body> | ||
| </html> | ||
| </html> |
16 changes: 6 additions & 10 deletions
16
css/css-text/text-align/reference/text-align-end-ref-008.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, dir=ltr</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 72px; } | ||
| .rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } | ||
| .rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } | ||
| .rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if shading in both orange boxes is identical.</div> | ||
| <div dir="rtl"> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </html> |
16 changes: 6 additions & 10 deletions
16
css/css-text/text-align/reference/text-align-end-ref-009.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, dir=auto, RTL first strong</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 72px; } | ||
| .rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } | ||
| .rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } | ||
| .rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if shading in both orange boxes is identical.</div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| </body> | ||
| </html> | ||
| </html> |
16 changes: 6 additions & 10 deletions
16
css/css-text/text-align/reference/text-align-end-ref-010.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, dir=auto, LTR first strong</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 72px; } | ||
| .rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } | ||
| .rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } | ||
| .rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if shading in both orange boxes is identical.</div> | ||
| <div dir="rtl"> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| <div class="ref">REF REF REF REF REF REF REF REF</div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </html> |
14 changes: 6 additions & 8 deletions
14
css/css-text/text-align/reference/text-align-end-ref-014.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,19 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, pre, dir=rtl inherited</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 48px; } | ||
| #rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if shading in both orange boxes is identical.</div> | ||
| <div dir="rtl"> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref">REF<br>ERE</div> | ||
| <div class="ref">REF<br>ERE</div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
| </html> |
14 changes: 6 additions & 8 deletions
14
css/css-text/text-align/reference/text-align-end-ref-015.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, pre, dir=ltr inherited</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 48px; } | ||
| #rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } | ||
| .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if shading in both orange boxes is identical.</div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="ref">REF<br>ERE</div> | ||
| <div class="ref">REF<br>ERE</div> | ||
| </body> | ||
| </html> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,24 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" > | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>text-align: end, direction: rtl</title> | ||
| <link rel='author' title='Richard Ishida' href='mailto:[email protected]'> | ||
| <link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'> | ||
| <link rel='match' href='reference/text-align-end-ref-001.html'> | ||
| <meta name="assert" content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl."> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | ||
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> | ||
| <style type='text/css'> | ||
| .test { text-align: end; direction: rtl; } | ||
| .ref { text-align: left; } | ||
| /* the CSS below is not part of the test */ | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px Ahem; } | ||
| .ref { position: relative; height: 24px; } | ||
| #rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } | ||
| .test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div> | ||
| <div class="test">XXXXX</div> | ||
| <div class="ref"><div id="rb1"></div></div> | ||
| <div class="test">TESTI</div> | ||
| <div class="ref">REFER</div> | ||
| </body> | ||
| </html> | ||
| </html> |
Oops, something went wrong.