How to style DATE fields

[newcoder1010]

<div class=ʺWhen_Rʺ>  <label for=ʺedit-submitted-eventinformation-whenʺ>When</label>     <div class=ʺwebform-container-inline webform-datepickerʺ>  <div class=ʺform-type-select ʺ>          <label class=ʺelement-invisibleʺ for=ʺedit-submitted-eventinformation-when-monthʺ>Month </label>             <select class=ʺform-control month form-selectʺ required=ʺrequiredʺ id=ʺedit-submitted-eventinformation-when-monthʺ </select>     </div>       <div class=ʺform-type-select form-item-submitted-EventInformation-when-day form-item form-groupʺ>          <label class=ʺelement-invisibleʺ for=ʺedit-submitted-eventinformation-when-dayʺ>Day </label>              <select class=ʺform-control day form-selectʺ required=ʺrequiredʺ id=ʺedit-submitted-eventinformation-when-dayʺ </select>     </div>       <div class=ʺform-type-select form-item-submitted-EventInformation-when-year form-item form-groupʺ>          <label class=ʺelement-invisibleʺ for=ʺedit-submitted-eventinformation-when-yearʺ>Year </label>          <select class=ʺform-control year form-selectʺ required=ʺrequiredʺ id=ʺedit-submitted-eventinformation-when-yearʺ </select>  </div></div></div>

Hi,

 

Currently, Month, Day, Year are displayed in 3 different rows. How can I give them equal width and display them on the same row?

 

Thanks.

 

 

 

 

[Ingolme]

Set the width to 33% and float the elements to the left.