blob: 8b75080d907e8ccfd4cf61cce7f8b24c84701233 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en" >
<meta charset="utf-8"/>
<title>The dir attribute: dir=auto, isolated in LTR text</title>
<link rel='author' title='HTML5 bidi test WG' href=''>
<link rel='help' href=''>
<link rel="match" href="reference/the-dir-attribute-050-ref.html">
<meta name="assert" content=" When dir='auto', the direction is set according to the first strong character of the text, but the element behaves externally as a neutral character. In this test, it allows a preceding R to form a single directional run with a succeeding number.">
<style type='text/css'>
.test, .ref { width: 90%; margin: 0 4%; font-size: 2em; position: absolute; top: 0; }
.ref { color: red; z-index: -100; }
<p class="instructions" dir="ltr">Test passes if you see no red characters.</p>
<!--<div class="comments">
Key to entities used below:
&#x5d0; - The Hebrew letter Alef (strongly RTL).
&#x202d; - The LRO (left-to-right-override) formatting character.
&#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
<div style="position: relative">
<div class="test">
<div dir="ltr">
&#x5d0; <span dir="auto">a!</span> 1
<div dir="rtl">
a <span dir="auto">&#x5d0;!</span> 1
<div class="ref">
<div dir="ltr">
&#x202d;1 a! &#x5d0;&#x202c;
<div dir="rtl">
&#x202d;a !&#x5d0; 1&#x202c;