Loading

Quipoin Menu

Learn • Practice • Grow

Direction: Choose the correct option

Q1.

Which CSS property is used to horizontally center text?
A. align-text
B. text-align
C. center-text
D. horizontal-align
Direction: Choose the correct option

Q2.

.container {
width: 400px;
margin: 0 auto;
}
What does margin: 0 auto do?
A. Adds automatic margins
B. Vertically centers
C. Horizontally centers the element
D. Centers text
Direction: Choose the correct option

Q3.

.parent {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
}
What does this CSS do?
A. Centers only vertically
B. Centers child both horizontally and vertically
C. Centers only horizontally
D. Creates a grid
Direction: Choose the correct option

Q4.

.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Why is transform: translate(-50%, -50%) needed?
A. To add animation
B. To offset by half the element's size
C. To center in viewport
D. To fix positioning
Direction: Choose the correct option

Q5.

Which property is used to vertically align text within an inline-block element?
A. vertical-align
B. text-align
C. align-vertical
D. line-height