Label and input are not on the same line

[shkup]

I try every possible combination but the input and label are always at seperated lines. I have cleared the site css, tried both minimal and color scheme but it always appears to be on seperated lines.

Script:

<script src="@Url.Content("~/Scripts/jquery.icheck.js")" type="text/javascript">

    <link href="~/Content/iCheck/minimal.css" rel="stylesheet" />

    <script type="text/javascript">

        $(document).ready(function () {
            $('#cbTest').iCheck({
                checkboxClass: 'icheckbox_minimal'
            });

            $('#foo').iCheck({
                checkboxClass: 'icheckbox_minimal'
            });

        });
    </script>

HTML:

Set contact person

        <label>

Check me out

        <label>
          <input type="checkbox" id="foo" />
          <label for="foo">Bar</label>
        </label>

Only regular checkbox looks as it should be.

[mtmail]

Did you try the display:inline-block solution described in https://github.com/fronteed/iCheck/issues/88 ?

[shkup]

yes of course

Date: Tue, 17 Dec 2013 08:43:31 -0800 From: notifications@github.com To: iCheck@noreply.github.com CC: yaronshkop@hotmail.com Subject: Re: [iCheck] Label and input are not on the same line (#102)

Did you try the display:inline-block solution described in #88 ?

— Reply to this email directly or view it on GitHub.

[shkup]

By the way it happens on IE8