我怎样才能创建html列表？

我需要做一个html元素列表，如图所示：

我认为这是一个外部div，包含了li或option元素。有可能吗？ 它的形式，因此我需要提交它的价值邮寄

---

谢谢。

根据我在这里看到的，有很多方法可以做到这一点，有带

style=“width:100%；float:left；”“

的div，就是这样，我希望这对您有所帮助

    <div class='wrapper'>
      <ul>
          <li>element 1</li> 
          <li>element 2</li>
          <li>element 3</li>
          <li>element 4</li>
          <li>element 5</li>
          <li>element 6</li>
    </ul>
</div>

---

它可以有太多不同的方式来完成（

div

，

li

在

div

，

表中

…）。我的建议是，在

div

中使用

li

元素。我更喜欢这样，因为你可以改变你的

div

宽度和高度，使用溢出等等，你的列表会更加个性化

例如：

<div id="list-content">
    <ul>
        <li><span>Element 1</span></li>
        <li><span>Element 2</span></li>
        <li><span>Element 3</span></li>
        <li><span>Element 4</span></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

---

继续我的评论

<form>
  <select multiple>
    <option value="Element 1">Element 1</option>
    <option value="Element 2">Element 2</option>
    <option value="Element 3">Element 3</option>
  </select>
  <input type="submit" value="Submit">
</form>

要素1
要素2
要素3

我有点困惑。。。你到底想完成这张图片的哪些内容？提供一堆你自己完成的代码。什么类型的元素？你可以通过创建一个

（参见@mario595的答案）来实现这个列表，创建一个

div

并通过设置

的样式分别填充它们，甚至填充一个

表格，对我来说，这看起来像是一个
，而不是一个列表，特别是当OP提到提交时。谢谢，这正是我想要的！
div#list-content {
    width: 200px;
    height: 500px;
    overflow-y: scroll;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    border: 1px solid black;
    margin: 2px 0;
}

<form>
  <select multiple>
    <option value="Element 1">Element 1</option>
    <option value="Element 2">Element 2</option>
    <option value="Element 3">Element 3</option>
  </select>
  <input type="submit" value="Submit">
</form>