Labels

Horizontally Aligned
Labels should be right aligned. The space between the label and text field should be 10px. The space between the label and value should be 5px.
Label   * Mandatory Field
Label:Data Field   * Mandatory Field:Data Field  

Vertically Stacked
Labels should be top-left aligned. The space between the label and text field should be 5px.
Label   Mandatory Field *
 
<span style="margin-right: 10px; float: left; margin-top: 7px">Label</span> <input type="text" size="20"> <span style="margin-right: 10px; float: left; margin-top: 7px"><font color="#FF0000">*</font> Mandatory Field</span> <input type="text" size="20"> <span style="margin-right:5px; color: #595959;">Label:</span> <span>Data Field</span> <span style="margin-right:5px;color: #595959;"><font color="#FF0000">*</font> Mandatory Field:</span> <span>Data Field</span> // Vertically Aligned BELOW <span style="margin-bottom: 5px; float: left">Label</span> <input type="text" size="20"> <span style="margin-bottom: 5px; float: left">Mandatory Field <font color="#FF0000">*</font> </span> <input type="text" size="20">
input{ width: auto; border-radius: 4px; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; float: left; }

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.