如何更正複選框的位置，當它是一個與jQuery UI輸入文本相同的頁面？

Question

我已經放置樣式在頁面上幾個文本輸入：

UI的自動完成輸入UI的小部件，內容UI刀尖所有

現在我需要一個複選框添加到相同的頁面。但不知何故它被集中。我怎樣才能讓它左對齊？

HTML：

<div class="ui-widget"><label for="link">Link: </label><input type="text" id="link" name="link" placeholder="" class="ui-autocomplete-input ui-widget-content ui-corner-all"></div> 
<div class="ui-widget"><input type="checkbox" id="cb-anonymous">Anonymous</div> 

CSS：

label { 
    width: 150px; 
    display: inline-block; 
    font-size: 12px; 
    font-weight: bold; 
    font-family: Verdana, Arial, sans-serif; 
} 
input { 
    width: 200px; 
    display: inline-block; 
} 

Demo

Answer 1

isen't centerd因爲你設置的所有輸入元素的寬度它只是一個200像素寬度的複選框200像素。

所以這就是爲什麼你應該指定你輸入你瓦納是200像素寬度：input[type="text"]

例子：http://jsfiddle.net/sY9Fa/1/