third_party/WebKit/LayoutTests/fast/lists/003-vertical.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   2 <html style="-webkit-writing-mode:vertical-lr;-webkit-text-orientation:sideways-right;text-rendering:optimizeLegibility" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   3 <head>
   4 <title>Safari test case: list items within text-align: right div after float:left div</title>
   5 <style type="text/css">
   6 #main {
   7   float: left;
   8   height: 60%;
   9 }
  10
  11 #menu {
  12   text-align: right;
  13 }
  14 </style>
  15 </head>
  16 <body>
  17 <div id="main">
  18 <p>This test case illustrates incorrect positioning of list items within a <code>text-align: right</code> div after a <code>float: left</code> div.  <a href="float-left-chimera.png">Screenshot of correct behavior</a>; <a href="float-left-safari.png">screenshot of Safari</a>.</p>
  19
  20 <p>This bug only occurs on pages with a standards-compliant DOCTYPE.  <a href="float-left-text-align-right-no-doctype.html">View this test case without a DOCTYPE</a>.</p>
  21
  22 <ol>
  23 <li>New larger PowerBook.  Still 1 GHz, but with a 17-inch screen. $3299.</li>
  24 <li>New smaller PowerBook, with a 12-inch screen.  $1799.</li>
  25 <li>New browser: <a href="http://www.apple.com/safari/">Safari</a>.  Engine is <a href="http://developer.apple.com/darwin/projects/webcore/">open source</a> (a <a href="http://lists.kde.org/?l=kfm-devel&amp;m=104196912316326&amp;w=2">modified version</a> of <a href="http://developer.kde.org/documentation/library/kdeqt/kde3arch/khtml/">KHTML</a>), rest of the application is free but not open source (just like the OS).  Only runs on 10.2.  Currently in public beta.</li>
  26 <li>New presentation software: Keynote.  The software Steve Jobs uses.</li>
  27 <li>New versions of <a href="http://www.apple.com/imovie/">iMovie</a>, <a href="http://www.apple.com/iphoto/">iPhoto</a>, <a href="http://www.apple.com/itunes/">iTunes</a>.  Bundled into a box called <a href="http://www.apple.com/ilife/">iLife</a>, for $49.</li>
  28 <li><a href="http://www.apple.com/finalcutexpress/">Final Cut Express</a> for creating DVDs.  $299.</li>
  29 </ol>
  30
  31
  32 </div> <!--main-->
  33
  34 <div id="menu">
  35 <ul>
  36 <li><a title="about this site" href="/about/" accesskey="9" rel="help">About</a></li>
  37 <li><a title="a little of everything" href="/sitemap.html">Site map</a></li>
  38 <li><a title="old posts" href="/archives/" rel="contents">Archives</a></li>
  39 <li><a title="small projects, scripts, fun stuff" href="/projects/">Projects</a></li>
  40 <li><a title="cat pictures and stuff" href="/pictures/">Photos</a></li>
  41 <li><a title="referrers and other visitor statistics" href="/stats/">Statistics</a></li>
  42 <li><a title="accessibility features of this site" href="/accessibility_statement.html" accesskey="0">Accessibility statement</a></li>
  43 <li><a title="syndicated version of &quot;dive into mark&quot; in RSS format" href="/xml/rss.xml">RSS</a> (<a title="other syndicated feeds" href="/xml/">more feeds</a>)</li>
  44 </ul>
  45 <ul>
  46 <li><a title="Mark Pilgrim's new column, Dive Into XML, explores the RSS menagerie" href="http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html">What is RSS?</a></li>
  47 </ul>
  48 <ul>
  49 <li><a title="Free validator for syndicated content producers" href="http://feeds.archive.org/validator/">RSS Validator</a></li>
  50 <li><a title="Free book for web designers" href="http://diveintoaccessibility.org/">Dive Into Accessibility</a></li>
  51 <li><a title="Free repository for Mac OS X system administrators" href="http://diveintoosx.org/">Dive Into OS X</a></li>
  52 <li><a title="Free J2EE training material" href="http://j2ee.masslight.com/">Dive Into J2EE</a></li>
  53 <li><a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a></li>
  54 <li><a title="web design, J2EE, Mac OS X, Python expertise -- available for contract work and training" href="/resume/">r&eacute;sum&eacute;</a></li>
  55 </ul>
  56 </div> <!--menu-->
  57
  58 </body>
  59 </html>