You have the following markup.
You need to ensure that the yellow div is centered in the red div.
What should you do?
A.
Add the following code to the yellow div.align-content:center
B.
Add the following code to the red div.align-content:center
C.
Add the following code to the red div.margin:auto
D.
Add the following code to the yellow div.margin:auto
the correct answer is D, check the following code:
Yellow div text
–
–
–
–
–
–
–
–
–
-Yellow div text
–
–
–
–
////!DOCTYPE html>
//html>
//head>
//meta charset=”utf-8″>
//title>///title>
///head>
//body>
//div style=”display:flex;height:300px;background-color:red;”>
//div style=”height:100px;background-color:yellow;margin:auto;”>
Yellow div text
///div>
///div>
///body>
///html>
D is cool
D is the Correct
D seems to be the correct answer.