Html 请在同一行创建div

很难创建此图标页面。基本上，我希望图标彼此靠近，所以基本上是这样的

自定义图标-铅笔自定义图标-时钟 铅笔的图标时钟的图标

<div>
    <!-- Icon Button - pencil -->
    Custom Icon - pencil <br />
    <div id="pencil">pencil</div>
</div>

<div>
    <!-- Icon Button - clock -->
    Custom Icon - clock <br />
    <div id="clock">clock</div>
</div>

<div>
    <!-- Icon Button - disk -->
    Custom Icon - disk <br />
    <div id="disk">disk</div>
</div>

<div>
    <!-- Icon Button - calendar -->
    Custom Icon - calendar <br />
    <div id="calendar">calendar</div>
</div>

<div>
    <!-- Icon Button - zoomin -->
    Custom Icon - zoomin <br />
    <div id="zoomin">zoomin</div>
</div>

<div>
    <!-- Icon Button - zoomout -->
    Custom Icon - zoomout <br />
    <div id="zoomout">zoomout</div>
</div>

自定义图标-铅笔

铅笔
自定义图标-时钟

时钟
自定义图标-磁盘

磁盘
自定义图标-日历

日历
自定义图标-缩放

缩放
自定义图标-缩放移动

缩小倍数

---

我有无数的预先制作的按钮，我想在一个页面上展示给员工：）

我很难准确地理解您在寻找什么，但我可以给出一些一般性的提示。如果您有div并且希望将它们水平排列，最常用的方法是使用CSS中的

float

这里发生了什么事？我做了3次跳水，他们排成了一排。我给他们每人上了两节课。它们都有类

图标

，用于控制这三个类的行为。然后每个人都有第二个类来定义他们的个人行为。里面还有文本，演示如何用其他内容填充这些div

排列它们的重要一点是它们都是

float:left

，并且它们都有一组

宽度。设置宽度对于布局可能很重要，除非内容都有特定的宽度-在这种情况下，您可能很乐意使用
填充

如果我完全不明白你的意思，试着澄清一下，我会再试一次