Search code examples
javascriptjqueryhtmlcssjsfiddle

vertical align checkboxes generated by jquery loop

How do I get the checkboxes to align vertically?

Here is the JSFIDDLE.

I want

[] Full Feed
[] Trip Feed
[] Flight Feed

This appears to be simple but i've tried "vertical-align:middle;" in several positions.

Optimally I would like set the alignment somewhere here:

$.each(myjson, function (i, v) {
    var feedname = this.name
        $("#calsubscribe").append($("<label>").text(this.name).prepend(
            $("<input>").attr({
                'type': 'checkbox', 
                'class' : 'inp-checkbox', 
                'name':'subscribecal',
                "data-feed": feedname,
                "style":'vertical-align:middle;'
            }).val(this.id)
               .prop('checked', this.checked)
        ));
    });

Thank you.

Solution

  • Or simply just ...$("<br><input>").attr({...

    Checkout DEMO