チェックボックスとラベルが同じ行に表示されない

Question

私は、チェックボックスとラベルを動的に作成するために下記のコードを使用しています。しかし、ラベルとチェックボックスは同じ行に整列していません。誰かが下のコードで何が間違っているのか指導できますか？

dojo.require("dijit.form.CheckBox"); 
dojo.ready(function(){  
    var widgetNode = dojo.doc.createElement("DIV"); 
    chk = dojo.create("input", {id:"cbox", type:"checkbox"}, widgetNode); 
    lbl = dojo.create("label", {innerHTML:"Check me", "for":"cbox"}, widgetNode); 
    dojo.style(lbl, "marginLeft", ".5em"); 
var cbWidget = new dijit.form.CheckBox({}, chk); 
    cbWidget.startup(); 
    cbWidget.domNode.appendChild(lbl); 
dojo.place(cbWidget.domNode, "container"); 
}); 

Answer 1

は、私は通常for="zzz"構文を使用する代わりに、ラベルの内側にあるチェックボックスを置きます。ちょっと簡単です。あなたが望むものを得る最も簡単な方法は、dijit themeを含めることです。 Claroのようなテーマの1つを含めて、自動的にチェックボックスをインラインにするスタイルを持っています。ここの例：http://jsbin.com/fusijoc/1/edit?html,js,output