Hi, I want to ask CSS. Why the code isn't working ??

Question

I am learning CSS now and I am stuck in this lesson. The lesson is about vertical alignment
https://code.sololearn.com/WM707c12Oimq/?ref=app

Answer 1

Use consistent names in your HTML and your CSS file. In your HTML, the classes are called Top, Middle and Bottom, so that's what you should call them in your CSS too:

.Top {vertical-align:top;}
.Middle {vertical-align:middle;}
.Bottom {vertical-align:bottom;}

Also, each of your table cells is only one line high so you won't see any difference in the vertical alignment unless you add more text or change the height of the table cells. You can try to add something like td{height:150px;} to actually see what is happening.

Answer 2

Must give some space for them to align.
Try to add
td { height: 40px;}

https://code.sololearn.com/Wx8SRhSuSJC4/?ref=app

Answer 3

Thank you for your answer Anna and calvin