If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

The height of a block element is “auto” if not specified, and that means it collapses to the height of the content (unlike width which expands to 100% by default). You need to specifically set it in order to have it.
And by the way: the current height you see is 60px, which is the addition of top and bottom padding.

The height of a block element is “auto” if not specified, and that means it collapses to the height of the content (unlike width which expands to 100% by default). You need to specifically set it in order to have it.
And by the way: the current height you see is 60px, which is the addition of top and bottom padding.

Hi - thanks for this response. can you provide the line changes please?

What should happen with the content if the viewport (browser window) is smaller than the length of the content? You can’t infer that the viewport size is equal to the screen resolution. People can and do resize their browser windows and don’t necessarily have their browsers at full screen size.
A piece of paper is a static thing with fixed dimensions. A website is dynamic, can be resized, zoomed, modified, etc.