[SalesForce] ui:inputCheckbox how to allign with the checkbox itself

i tried to add a checkbox using ui:inputCheckbox and i wasn't able to align the checkbox with the label

this is the code:

<ui:inputCheckbox aura:id="leadsCheckBox" label="leads" click="{!c.handleFilters}" value="true"/>

and in the web app i see

enter image description here

please assist,
thanks

Best Answer

I found the answer! I wrote a class in css called .myCheckbox:

.THIS .myCheckbox{
  display: inline-block;
  float: left;
}

and added the class to the inputCheckbox:

<ui:inputCheckbox class="myCheckbox" aura:id="checkboxLeads" label="Leads" change="{!c.doInit}" value="True"/>
Related Topic