Home/ Questions/Q 6146337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T18:55:59+00:00

Custom design for <h3> tag… it work nicely on IE8, Firefox and Chrome. But

  • 0

Custom design for <h3> tag… it work nicely on IE8, Firefox and Chrome.

But on IE7, the width (100%) is full which it shouldn’t happen. How to fix this?

Also the font size don’t appear to be the same as IE8, Firefox and Chrome

h3 {
    background-color:white;
    display:inline-block;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is what you need:

    h3 {
    display:inline-block;
    *display: inline;
    zoom: 1;

    background-color:white;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }

    *display: inline uses a “safe CSS hack” to target only IE7. zoom: 1 provides hasLayout for IE7 and lower, which is required to make this work.

    To fix the font size, specify an explicit font-size. For example font-size: 24px.

    • 0