Html 对于下面给出的代码，对齐复选框并在同一行中输入文本

我想使用css将复选框、标签和文本输入对齐在同一行中。我可以使用浏览器的默认模板来完成

然而，我真的很喜欢这个简单的主题。主题具有标签和输入文本。我想在行的开头添加一个复选框。不知何故，在div中添加一个复选框会使安排出错

虽然最好查看链接中的代码，但我在这里提供了一个快照：

HTML

<form>

    <div>
                <!--NEED TO ADD CHECKBOX HERE -->
        <label for="pub_url">Public URL</label>
        <input type="text" id="pub_url" name="pub_url" value="http://cssdeck.com">
    </div>

</form>

p、 s：如果有人能以与示例相同的方式对复选框进行样式化，那将是一件令人愉快的事

form input[type="checkbox"] {
    width:20px;
}


<div>
    <input type="checkbox" >
    <label for="pub_url">Public URL</label>
    <input type="text" id="pub_url" name="pub_url" value="http://cssdeck.com">
</div>

表单输入[type=“checkbox”]{
宽度：20px；
}
公共URL

只需重命名类即可

表单输入

进入

表单输入[type=“text”]

---

祝你好运。

给你\w快速造型：

---

将css更改为输入[type=“text”]，并将宽度降低到60%左右（这样不会影响您的复选框），添加一个左浮动的复选框

您想使用它来外包设计吗？你们甚至并没有提供你们想要构建的东西的图像，也并没有任何代码表明你们至少尝试过。。我试着自己做。。。我无法破解它，只需在复选框中添加一个浮动，并将输入文本的宽度减少到60%。

form input[type="checkbox"] {
    width:20px;
}


<div>
    <input type="checkbox" >
    <label for="pub_url">Public URL</label>
    <input type="text" id="pub_url" name="pub_url" value="http://cssdeck.com">
</div>