FAQ: CSS Display and Positioning - Block Display

This community-built FAQ covers the “Block Display” exercise from the lesson “CSS Display and Positioning”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Web Development

Learn CSS

FAQs on the exercise Block Display

There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply (reply) below.

If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

in the “block display” exercise: Why should it be repeated in the footer style that the text should be centered if it is already marked in the h3 style?

please how can i get these code editor that display code on the web. like the one we using

I feel like the statement in this lesson that “block-level elements fill the entire width of the page by default” is misleading?

e.g. in the lesson, if we do:

.question {
  width: 80%;

.answer {
  width: 100%;

then the answer divs also take up 80% of the width of the page (as you might expect, since question is their parent).

It could equally be that we set the body to be 80% to get the same behaviour from the answer div (and all those parenting it).

Wouldn’t it be more accurate to say that block-level elements fill the entire width of their parent element by default?

Maybe you can try CodePen or JSFiddle.

CodePen: [https://codepen.io/]

JSFiddle: [https://jsfiddle.net/]

Thanks, these sites are premiums ,
I have found bracket live previews

But if you set a narrower width for a child element, it will override the parent element.

Remember: specificity always takes precedence.