I wonder if anyone can help… I don’t seem to be able to figure out why when I shrink my website down so that a certain piece of text is on 2 lines why I can’t affect the line height with my CSS…?
The website I am working on is this one: http://www.mutantalien.com/survey_form/
When I shrink the screen down to say 320px width (say Iphone 5 size) then the text ‘What would you like to see improved about the Tangent-Labs experience?’ doesn’t line space properly even though I have the code:
.sub-label {
margin-top: 5px;
margin-bottom: 5px;
line-height: 14px;
}
But if I add say:
background-color: #fff200;
Then it does change the background so it is picking up the CSS for that section - also the other parts of the text that come under .sub-label or line-space format OK?
What is going on??