Recall & Review
beginner
What does the Tailwind class
text-left do?It aligns the text to the left side of its container, making the start of each line flush with the left edge.
Click to reveal answer
beginner
How do you center text horizontally using Tailwind CSS?
Use the class
text-center to center-align text horizontally within its container.Click to reveal answer
beginner
Which Tailwind class aligns text to the right?The class
text-right aligns text to the right edge of its container.Click to reveal answer
intermediate
What is the effect of
text-justify in Tailwind CSS?It makes the text spread out so that each line has equal width, aligning both left and right edges.
Click to reveal answer
intermediate
Why is text alignment important for accessibility?
Proper text alignment improves readability and helps users with visual impairments or reading difficulties understand content better.
Click to reveal answer
Which Tailwind class would you use to align text to the center?
✗ Incorrect
The
text-center class centers text horizontally in Tailwind CSS.What does the Tailwind class
text-right do?✗ Incorrect
text-right aligns text to the right edge of its container.If you want text to spread evenly so both edges line up, which class do you use?
✗ Incorrect
text-justify makes text lines spread out to align both left and right edges.Which text alignment is best for most English paragraphs?
✗ Incorrect
Left alignment (
text-left) is easiest to read for most English text.Why should you avoid using
text-center for long paragraphs?✗ Incorrect
Center-aligned long text can be harder to read because the start of each line moves, making it difficult to track lines.
Explain how to align text using Tailwind CSS classes and when to use each alignment.
Think about how text looks in books or websites you visit.
You got /7 concepts.
Describe why text alignment matters for accessibility and readability.
Consider how you read a book or article comfortably.
You got /5 concepts.