Jump to content

How to aligned the field labels and field items


newcoder1010
 Share

Recommended Posts

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 by newcoder1010
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...