CSS <ui:Checkbox> how to reduce vertical spacing in lightning component

Question

I have an iteration of checkboxes. There is almost 1 new line of space between these checkboxes. How do I reduce this with css. I tried

.THIS .myCheckbox{
  display: inline-block;
  padding-bottom: 0.1em;
  float: left;  
}

But this does not seem to reduce the space, below is my iteration

  <aura:iteration items="{!v.records}" var="item" indexVar="indx"> 
       <ui:inputCheckbox aura:id="checkbox" 
                          value="{!item.checkboxValue}" 
                          text="{!item.val}" 
                          name="{!indx}" 
                          label="{!item.val}" 
                          change="{!c.selected}"
                          class="myCheckbox"/>    
    </aura:iteration>  

Answer 1

The   is creating the extra line in your presentation; without it, you'll see that they are neatly stacked on top of each other.