text-align-bidi-003

Text-align and direction - nested rtl, center and ltr

WeasyPrint

This browser

Assertion
Text-align property should override the default text-align change caused by a switch of direction

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3   <head>
 4     <title>CSS Test: Text-align and direction - nested rtl, center and ltr</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">
 7     <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction">
 8     <meta name="flags" content="">
 9     <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction">
10     <style type="text/css">
11       body {direction: rtl;}
12       div {text-align: center;}
13       p {direction: ltr;}
14     </style>
15   </head>
16   <body>
17     <div>
18       <p>
19 	This text should be centered horizontally on the page
20       </p>
21     </div>
22   </body>
23 </html>