html/css定位三个文本框

我目前正在尝试编写我自己的投资组合网站的代码并努力定位三个文本框。在我的网站上，我希望这些框在页面的左侧、中间和右侧都排成一行。

我尝试了不同的方法，例如将每个文本框放在单独的 div 中并尝试定位它们，但它们仅位于下方而不是彼此相邻，从而将 css 规则内联。我还尝试将这些框作为列表并尝试将它们内联。

有什么想法吗？

最佳答案

试试这个

<div id="con">
    <div class="float">Hello</div>
    <div class="float">World</div>
</div>

还有CSS

.float { float:left; width:100px; height:100px; background:yellow; }

检查 JSFiddle这里

关于html/css定位三个文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14211663/