This bug is pretty weird: it works on print, but impact a posteriori on screen The following attached file should appear like this: Endurance Die: d10 Base Speed: 30′ By the way, notice it is impossible to “select all” with Opera (because of support is so bad with it, I did not even try with Firefox 3); only Safari may do so. Now, to trigger the bug, just print out the file as a PDF. The output will be jumbled, with the “dd” *on top* of the “dt”. Icing on the cake, the screen rendering will be *retroactively* jumbled as well. This is not a new bug; I noticed it a while ago, but didn't feel like reporting before because I had so much other bugs to report too :-) For the record, Opera 9.10 prints it correctly.
Created attachment 12845 [details] Reduced test-case For quick reference, the code that matters: CSS dl.run-in, dl.run-in dd {margin:0} dl.run-in dt {display:run-in} dl.run-in.colon dt:after {content:": "} dt, dt:after {font-weight:bold;font-size:105%} XHTML <dl class="run-in colon"> <dt>Endurance Die</dt> <dd>d10</dd> <dt>Base Speed</dt> <dd>30′</dd> </dl>
Also check <a href="http://bugs.webkit.org/show_bug.cgi?id=12716">this bug (12716)</a>, which offer an interesting screenshot.
Confirmed in Webkit r30628 in Leopard. Step by step procedure to reproduce bug: 1) Open attached test case, 2) Choose File -> Print... 3) Close opened window. Expected result: The text on the page should be the same as in step 1 Current result: The test is mixed.
Related to bug 12716.