Css 当复选框与jQuery UI输入文本位于同一页面时，如何更正其位置？

我在页面上放置了几个文本输入，其样式为：

ui自动完成输入ui小部件内容ui角点全部

现在我需要添加一个复选框到同一页。但不知何故，它是集中的。如何使其左对齐

HTML:

---

复选框没有居中，它的宽度只有200px，因为您将所有输入元素的宽度设置为200px

这就是为什么您应该指定宽度为200px的输入：

input[type=“text”]

---

示例：

谢谢。看起来我选择了错误的示例，因为我在页面上也有combobox jQuery UI元素，而且

input

样式也适用于它们。当我将其更改为

input[type=“text”]

时，他们的按钮移动到下一行。好的，

#cb anonymous{width:auto；}

帮助了我。

<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>

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