Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You might want to look at the following:</p> <p><a href="https://stackoverflow.com/questions/5421990/css-standard-way-to-centralize-an-element-in-the-y-axis/5422667#5422667">CSS: Standard (dynamic) way to centralize an element in the y-axis</a></p> <p>There are some useful references that will probably still apply to IE9.</p> <p><strong>Based on your code</strong>: you are setting the line-height in more than one place. Try removing the <code>line-height:16px</code> property in your inner div, in fact, get rid of the inner div since vertical-align will only affect inline elements.</p> <p>Also, make sure your container height is big enough to hold the text (1.2*13) otherwise you may get into issues related to different fonts or different default font-sizes across browsers.</p> <p>Probably what is happening is that 1.2*13 = 15.6, and depending how the browser rounds off floating point numbers, that could account for a 1 pixel shift. Set line-height to 16px instead of 1.2 and see if that works.</p> <p><strong>Second Try</strong>:</p> <pre><code>.outer { background-color: red; color: white; width: 100px; height: auto; padding-top: 0px; font-family: Arial, sans-serf; font-size: 13px; line-height: 5.0; } </code></pre> <p>applied to: </p> <pre><code>&lt;div class="outer"&gt;XXXXXXXXXX&lt;/div&gt; </code></pre> <p>If anything will fix this, make the line-height large enough so that there is some space above/below the lettering. Set the container height to <code>auto</code> and let the line-height control the height of the container.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload