Accent Label

Position Text Labels on Forms Using CSS - SitePoint In order to position the labels next to the form elements, we float the label elements to the left and give them an explicit width: label {. float: left; width: 10em; margin-right: 1em; } We also ... html form - make inputs appear on the same line - Stack Overflow Give each input float:left in your CSS: .your-class input { float:left; } example only You might have to adjust margins. Remember to apply clear:left or both to whatever comes after ".your-class" Share Improve this answer Follow edited May 23, 2016 at 14:42 Joe Kennedy 9,225 7 44 55 answered Aug 27, 2013 at 16:30 Aessandro 5,269 19 62 136 1 How to Align Lightning Component Label and Fields However, for the second picture, I used the label tag which is separate from the input tag. It's never hard to make the input field and the label appear in 1 line where the input box has similar alignment with the input box below it. But using the lightning:input ...