created March 2001

Stupid Growing CSS Tricks

When you nest an element and have the font-size: set in percentages, some interesting things can happen

Is this a case of diminishing returns, or expanding ones?

<span>Is 
  <span>this 
    <span>a 
      <span>case 
        <span>of 
          <span>diminishing 
            <span>returns, 
              <span>or 
                <span>expanding
                  <span>ones?</span> 
                </span>
              </span>
            </span>
          </span>
        </span>
      </span>
    </span>
  </span>
</span>

Source Code

<style>
#content span { font-size: 120%; }
</style>