newcoder1010 Posted November 27, 2015 Share Posted November 27, 2015 (edited) Hi, I have four fields: When, Start, How long, Number Of people. Field Name - When Field Wrapper Class - When_R Field Name - Start Field Wrapper Class - Start_R Field Name - How long Field Wrapper Class - HowLong_R FIeld Name - Number Of people Field Wrapper Class - NumberOfPeople_R HTML: <div class="When_R"> <label> ... </label> <div class="webform-container-inline webform-datepicker"> ... </div> </div> <div class="Start_R"> <label> ... </label> <select> ... </select> </div> <div class="HowLong_R"> <label> ... </label> <select> ... </select> </div> <div class="NumberOfPeople_R "> <label> ...</label> <input..."> </div> How can I place all the labels to the left and all the fields to the right? I like to see all the labels and fields aligned straight. Can you please help? Edited November 27, 2015 by newcoder1010 Link to comment Share on other sites More sharing options...
dsonesuk Posted November 28, 2015 Share Posted November 28, 2015 (edited) Use display inline-block for label and give it width to accomdate the label with largest amount of text, the input should fall inline beside it. Edited November 28, 2015 by dsonesuk Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now