blob: 03a90ef39bf70365c68cc41c007090f162d8f3fb [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">
<html style="-webkit-writing-mode:vertical-lr;-webkit-text-orientation:sideways-right;text-rendering:optimizeLegibility" xmlns="" xml:lang="en">
<title>Safari test case: list items within text-align: right div after float:left div</title>
<style type="text/css">
#main {
float: left;
height: 60%;
#menu {
text-align: right;
<div id="main">
<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>
<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>
<li>New larger PowerBook. Still 1 GHz, but with a 17-inch screen. $3299.</li>
<li>New smaller PowerBook, with a 12-inch screen. $1799.</li>
<li>New browser: <a href="">Safari</a>. Engine is <a href="">open source</a> (a <a href=";m=104196912316326&amp;w=2">modified version</a> of <a href="">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>
<li>New presentation software: Keynote. The software Steve Jobs uses.</li>
<li>New versions of <a href="">iMovie</a>, <a href="">iPhoto</a>, <a href="">iTunes</a>. Bundled into a box called <a href="">iLife</a>, for $49.</li>
<li><a href="">Final Cut Express</a> for creating DVDs. $299.</li>
</div> <!--main-->
<div id="menu">
<li><a title="about this site" href="/about/" accesskey="9" rel="help">About</a></li>
<li><a title="a little of everything" href="/sitemap.html">Site map</a></li>
<li><a title="old posts" href="/archives/" rel="contents">Archives</a></li>
<li><a title="small projects, scripts, fun stuff" href="/projects/">Projects</a></li>
<li><a title="cat pictures and stuff" href="/pictures/">Photos</a></li>
<li><a title="referrers and other visitor statistics" href="/stats/">Statistics</a></li>
<li><a title="accessibility features of this site" href="/accessibility_statement.html" accesskey="0">Accessibility statement</a></li>
<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>
<li><a title="Mark Pilgrim's new column, Dive Into XML, explores the RSS menagerie" href="">What is RSS?</a></li>
<li><a title="Free validator for syndicated content producers" href="">RSS Validator</a></li>
<li><a title="Free book for web designers" href="">Dive Into Accessibility</a></li>
<li><a title="Free repository for Mac OS X system administrators" href="">Dive Into OS X</a></li>
<li><a title="Free J2EE training material" href="">Dive Into J2EE</a></li>
<li><a title="Free Python book for experienced programmers" href="">Dive Into Python</a></li>
<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>
</div> <!--menu-->