FAQ: Learn CSS Selectors Visual Rules - CSS Visual Rules - Text Align I

Community%20FAQs%20on%20Codecademy%20CSS%20Exercises

This community-built FAQ covers the “Text Align” exercise in Codecademy’s lessons on CSS.

FAQs on the CSS exercise Text Align

Join the Discussion. We Want to Hear From You!

Have a new question or can answer someone else’s? Reply (reply) to an existing thread!

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

Need broader help or resources about CSS in general? Go here!

Want to take the conversation in a totally different direction? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

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

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

Other FAQs

The following are links to additional questions that our community has asked about this exercise:

  • This list will contain other frequently asked questions that aren’t quite as popular as the ones above.
  • Currently there have not been enough questions asked and answered about this exercise to populate this FAQ section.
  • This FAQ is built and maintained by you, the Codecademy community – help yourself and other learners like you by contributing!

Not seeing your question? It may still have been asked before – try searching for it by clicking the spyglass icon (search) in the top-right of this page. Still can’t find it? Ask it below by hitting the reply button below this post (reply).

How is the center determined? If the size of the screen changes, won’t the center shift?

when I edit the code to align in the center the code makes no change to the website on the right hand side of the screen. I know that it’s right because I checked the solution.

Is the text-align property necessary for left-aligned text? Since the default alignment is already left, when should “text-align: left;” be used?

text-align is an inheritable property so if the parent has this property, all its children will inherit it. We won’t want the text content of the site to be center aligned, so the children that contain text will need to be left aligned.

Bottom line, if an element does not inherit center, right or justify alignment from a parent, then it’s safe to rely upon the default style sheet; i.e., text-align: left;.

The center is determined by finding the median of the container’s width that the element is located in. This can become more evident when the grid system and flex container comes into play. As in centering does not only occur in a horizontal panel, but vertically as well. It is also important that we incorporate fluid-width adjustment based on percentage-based numerical values of the container and applying media queries to ensure a centered layout is consistent across different screen sizes.