<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><span class="vcard"><a class="email" href="mailto:zalan&#64;apple.com" title="zalan &lt;zalan&#64;apple.com&gt;"> <span class="fn">zalan</span></a>
</span> changed
              <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Unwanted vertical single-pixel gap appears between floated elements"
   href="https://bugs.webkit.org/show_bug.cgi?id=145805">bug 145805</a>
        <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">Depends on</td>
           <td>
               &nbsp;
           </td>
           <td>132010
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Unwanted vertical single-pixel gap appears between floated elements"
   href="https://bugs.webkit.org/show_bug.cgi?id=145805#c1">Comment # 1</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Unwanted vertical single-pixel gap appears between floated elements"
   href="https://bugs.webkit.org/show_bug.cgi?id=145805">bug 145805</a>
              from <span class="vcard"><a class="email" href="mailto:zalan&#64;apple.com" title="zalan &lt;zalan&#64;apple.com&gt;"> <span class="fn">zalan</span></a>
</span></b>
        <pre>The gap is caused by the fact that WebKit table rendering has not been transitioned to subpixel layout/rendering.

The gap is formed between the pageidgraphic and pageidtext. However if the container's display type (paged) is changed from inline-table back to block, the gap disappears. I couldn't figure though why it is set to inline-table the first place. 

&lt;div id=&quot;paged&quot;&gt;
  &lt;span id=&quot;pageidgraphic&quot;&gt;&lt;/span&gt;
  &lt;span id=&quot;pageidtext&quot;&gt;Home&lt;/span&gt;
&lt;/div&gt;</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>