Hi
These are questions related to the FCC Survey Form challenge. I’m posting in the HTML-CSS category rather than the Project Feedback category because I need some clarification regarding the CSS code in https://codepen.io/freeCodeCamp/pen/VPaoNP.
Re: vertical-align
In lines 27 to 34, we see
.labels {
display: inline-block;
text-align: right;
width: 40%;
padding: 5px;
vertical-align: top;
margin-top: 10px;
}
In lines 36 to 41, we see
.rightTab {
display: inline-block;
text-align: left;
width: 48%;
vertical-align: middle;
}
I understand what the vertical-align for the class labels does. What I don’t understand is what the vertical-align for the class rightTab is for. When I change its value (to top or bottom, for example) or remove it entirely, I don’t see any changes in the browser.
I only see changes when I remove the vertical-align for the class labels. This leads me to wonder if it suffices to include just one vertical-align either in labels or rightTab.
So, my questions are:
- what the vertical-align for the class rightTab is supposed to do
- do we need more than one vertical-align in this case
Thanks!