I am trying to align 2 elements in the same line next to each other, but having hard time. And i know this is kind of a simple question that can be googled. But i simply can't seem to do it.

Here is the code - 

```
<div>
  <c:PF_InputCheckbox id="pf_nhw_contractor_submit_acknowledged" value="{!v.acknowledged}"/>
  I affirm I have read and understand the policy.
</div>

```

Here is the output -
[![enter image description here](https://i.stack.imgur.com/Qg1EU.png)](https://i.stack.imgur.com/Qg1EU.png)

The component c:PF\_InputCheckbox is that checkbox thingy seen here. I want the text right next to it, not below it.

I have tried assigning class slds-show\_inline-block to container div, but it still shows the checkbox and the text in two separate lines.