Home/ Questions/Q 620031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T18:43:09+00:00

In the following test case, the alt text is horizontally centered, but it’s stuck

  • 0

In the following test case, the alt text is horizontally centered, but it’s stuck to the top of the box. How do I get it in the middle?

<html>
  <body>
    <div style="height: 300px; width: 300px; border: solid black 1px;">
      <img src="asdfasdf" alt="foo" style="display: block; text-align: center; vertical-align: middle"/>
    </div>
  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    One advantage of tables is they provide cross-browser vertical centering. DIVs don’t. This is once case where I’d bite the bullet and add those ugly TRs and TDs.

    <table cellspacing="0" style="width:300px;height:300px;border:1px solid black;">
   <tr>
     <td style="vertical-align:middle;text-align:center;">
       <img src="asdfasdf" alt="foo" />
     </td>
   </tr>
</table>

    It’s called a single-celled centering table and ugly as it is, it works.

    • 0