Home/ Questions/Q 8666845
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T17:49:51+00:00

Example @JsFiddle Why does the grey box wrapping the blue boxes not scale with

  • 0

Example @JsFiddle

Why does the grey box wrapping the blue boxes not scale with them? I have tried many different combinations of attributes for the elements, but I cannot get it to work properly.

The effect is not bad actually, but not what I want. An explanation of why this happens would be helpful. Thanks in advance! 🙂

PS: I am on Mozilla Firefox 15.0.1

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your a elements have their display property set to inline. This essentially means that they are treated as text and thus any ‘block’ type properties applied to them will not work as you would expect them to as you would if it was say, a div.

    Learning about the display property is a massive part of CSS, but for this example you want the links to be inline but also a block so you would use:

    a { display: inline-block; }

    Now the outer div will take into account the size of the inline-block elements whereas before it would not as it was treating your links as if they were just text.

    • 0