html/css定位三个文本框

我目前正试图编写自己的投资组合网站，并努力定位三个文本框。在我的网站上，我想有框的位置左，中，右的页面上都在一行

我尝试过不同的方法，比如将每个文本框放在一个单独的

div

中，并尝试定位它们，但它们只定位在下方，而不是相邻位置，将css规则内联。我还尝试将这些框作为列表，并尝试将它们内联

有什么想法吗？

也许是这个

.foo
{
  float: left;
  width: 33%;
}

也许这个

.foo
{
  float: left;
  width: 33%;
}

试试这个

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

检查这里

试试这个

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

---

检查此处

您的html是这样的：

<div></div>
<div></div>
<div></div>

---

下面是一个示例：。

您的html是smth，如下所示：

<div></div>
<div></div>
<div></div>

---

这里有一个例子：。

有一些类似这样的html

<ul class="portfolio">
    <li><input id="txtBox1" type="text"></li>
    <li><input id="txtBox2" type="text"></li>
    <li class="last"><input id="txtBox3" type="text"></li>
</ul>

---

这是基于一个固定宽度的站点，我会使用一个无序列表，因为从语义上讲，您有一个包含3个框的列表。

有一些类似这样的html

<ul class="portfolio">
    <li><input id="txtBox1" type="text"></li>
    <li><input id="txtBox2" type="text"></li>
    <li class="last"><input id="txtBox3" type="text"></li>
</ul>

---

这是基于一个固定宽度的站点，我会使用一个无序列表，因为从语义上讲，您有一个包含3个框的列表。

向我们展示您正在使用的代码和您尝试的内容向我们展示您正在使用的代码和您尝试的内容