12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest
- because if there is a bug it will typically be exhibited in the reference
- rendering as well as in the test. The approach adopted here is to
- position boxes around the edges of the character without a diacritic and
- make sure that the character with the diacritic displays in the same
- space, so that if the diacritic is shifted to the right or left it will
- be cut off in the test rendering and be visible (in the wrong place) in
- the reference rendering.
- Relevant bugs:
- 378351 (Windows)
- 386573 (Mac)
- 387653 (Linux)
- 395676 (Windows)
- -->
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- </head>
- <style type="text/css">
- body { background: white; color: black; }
- p {
- font-family: sans-serif;
- font-size: 36px;
- margin: 0;
- }
- span {
- display: inline-block;
- width: 3em;
- height: 3em;
- margin-top: -2em;
- vertical-align: bottom;
- background: white;
- }
- /* borders should be covered by overhang */
- p#test {
- border-left: 3em solid red;
- border-right: 3em solid red;
- width: -moz-max-content;
- width: intrinsic;
- }
- </style>
- <body>
- <p id="test">נָ</p>
- <p id="overhang"><span></span>נ<span></span></p>
- </body>
- </html>
|