FCC Survey Form: purpose of vertical-align

FCC Survey Form: purpose of vertical-align
0

#1

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!