Alignment of checkbox in a row

I have 3 checkboxes in a row. I want to keep distance between them. I have tried padding attribute. It is not working though. I am attaching the screenshot

Here's my code -

   <div class = "row">
   <label class="cd-admin-create-patient-label">Role </label>
        <input class = "roleCheckbox" type="checkbox" name = "role" ng-model = "user.super" value = "Super" />Super
         <input  class = "roleCheckbox" type="checkbox" name = "role" ng-model = "user.power" value = "Power" />Power
          <input  class = "roleCheckbox" type="checkbox" name = "role" ng-model = "user.regular" value = "Regular" />Regular
                     </div>