This is the problem:
This is my HTML:
Select elements appear properly
Textareas appear properly
But text that spans multiple lines is displayed with high gap between first two lines. Try also adjusting the width of the output window to really small to see the effect.
The second line of
<li> text has to make room for the green counter that has been placed before the
<li>. You can remove that space by adding
position: absolute to
.steps li:before but you'll have to fiddle the positioning.