html - 如何在 HTML/CSS 中格式化 <select> 标签和 <form> 标签?

标签 html css

这是我目前的布局 enter image description here

我正试图弄清楚如何让所有信息像下面这样“内联”

enter image description here

我以前从未使用过表单,所以我不知道如何格式化它,我尝试谷歌搜索但无法提供任何有用的信息,因为每个示例都只有标签,而不是像我的示例那样有多个标签

最佳答案

你可以像这样在没有table的情况下使用。

li label {
    float: left;
    width: 100px;
    margin-right: 10px;
    font-size: 14px;
}

li {
    list-style: none;
    margin-bottom: 5px;
}
<ul>
<li><label for="name">First Name:</label></li>
<li><input type="text" name="name" placeholder="Name">
</ul>

关于html - 如何在 HTML/CSS 中格式化 <select> 标签和 <form> 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39199006/

相关文章:

javascript - 如何将javascript应用于已被jquery .html()覆盖的元素

css - 用 Selenium 检测阻塞覆盖

css - 元素如何使用屏幕全宽减去 60 像素?

html - bootstrap 3.1 在移动时首先拉取主要内容(在顶部)

PHP - 解析带有 HTML 元素的 XML

c# - 如何从 asp.net 中的自定义 FileUpload 获取文件流?

javascript - 有没有办法观察 AngularJS 世界之外触发的属性变化?

javascript - 选择 HTML 中的所有复选框

html - Chrome 在网络服务器上和本地渲染 html/css 的方式不同

css - 优化网站上加载的资源