By Default inline-block?

[CodeCurosity]

why pretty is by default inline-block?

[lokesh-coder]

Hi @UsmanShahzad ,

1. To place multiple checkbox/radio buttons in a row
2. Most of <input/> will be inline
3. As pretty supports placing block elements inside, there should be a balance between block and inline
4. It is easy to wrap with a <div> to make it in a row, but not the other way.

[CodeCurosity]

So what do we do to make it not in-line like https://getbootstrap.com/docs/4.0/components/forms/

[lokesh-coder]

Just wrap it with div. something like this,

<div>
    <div class="pretty p-default">
        <input type="checkbox" />
        <div class="state">
            <label>Check</label>
        </div>
    </div>
</div>

[CodeCurosity]

Thanks i will give it a try.