CSS-无法在同一行上获取输入文本和链接

全部-

谷歌搜索了这个，并尝试了大约20分钟，但似乎无法解决这个问题。有人知道我为什么不能得到搜索：在同一条线上吗

我试过显示：inline、display:block、float:left/right、clear:both，但都没用。即使是w/chrome inspector，我也不明白它为什么不能正常工作

编辑：粘贴相关代码

<li>Search: <input type="text" name="quest_search"></li>

---

提前谢谢

您的问题是

base.css中的
输入
的
宽度
为100%。这意味着
输入的宽度始终是其父元素大小的100%，父元素也包含“search:”文本。将此更改为小于100%的值，应该可以正常工作

例如：

input[type="password"], input[type="text"], input[type="email"] {
    width: 50%;
}

当然，
width:50%
只是您可以使用的一个示例<代码>宽度：自动
和其他特定宽度将起作用。您只需玩玩它，看看什么最适合您。
您的问题是
base.css
中的
输入具有100%的
宽度。这意味着
输入的宽度始终是其父元素大小的100%，父元素也包含“search:”文本。将此更改为小于100%的值，应该可以正常工作

例如：

input[type="password"], input[type="text"], input[type="email"] {
    width: 50%;
}

当然，
width:50%
只是您可以使用的一个示例<代码>宽度：自动
和其他特定宽度将起作用。您只需使用它，看看什么最适合您。
您的
base.css
文件提供
输入
宽度：100%。尝试给它一个
width:auto
你的
base.css
文件给
输入一个
width:100%。尝试给它一个
宽度：auto
只需在它自己的
中放入“Search:”是一个简单的快速修复方法。
只需在它自己的
中放入“Search:”是一个简单的快速修复方法。

input[name="quest_search"]{
    width: auto;
}

CSS:

请不要要求用户对外部站点进行反向工程。请在你的问题中加入HTML/CSS的相关部分。完成，对此表示抱歉！不要使用
元素。它已被弃用。在您的情况下，使用
文本对齐：居中@David他为什么要用桌子？@David别担心。我们曾经都是疯子。谷歌“表格vs divs”。我知道在这种情况下，我们讨论的是列表，但它仍然是相关的。这是一个相当热门的话题。一般来说，不要将表格用于非表格数据。它们不是用于布局的。我想说的更多，但我不想再劫持这个问题了。请不要要求用户对外部网站进行反向工程。请在你的问题中加入HTML/CSS的相关部分。完成，对此表示抱歉！不要使用
元素。它已被弃用。在您的情况下，使用
文本对齐：居中@David他为什么要用桌子？@David别担心。我们曾经都是疯子。谷歌“表格vs divs”。我知道在这种情况下，我们讨论的是列表，但它仍然是相关的。这是一个相当热门的话题。一般来说，不要将表格用于非表格数据。它们不是用于布局的。我想说的更多，但我不想劫持这个问题比我更多。谢谢-不敢相信它是如此简单。我简直要把头发扯下来！没问题！有时候最简单的bug最难找到。谢谢——真不敢相信它这么简单。我简直要把头发扯下来！没问题！有时最简单的bug最难找到。