Html 如何让这些div并排出现？

我试图让这3个div并排出现，而不是叠在一起。理想情况下，它看起来就像“<1>”，都在同一行上。我做错了什么

HTML

---

只需将此添加到css文件中：

   #back-button, #current-slide, #forward-button {
    display:inline-block;
    }

---

display:inline block

使

div

元素以内联方式显示，但同时也考虑了它们的高度和宽度。

只需将其添加到css文件中：

   #back-button, #current-slide, #forward-button {
    display:inline-block;
    }

---

display:inline block

使

div

元素以内联方式显示，但同时考虑其高度和宽度。

对于仅包含一个字符或一个单词的非块元素，如您的情况，您可以使用

而不是

元素-这些是内联元素，将保留在一行上。

对于仅包含一个字符或一个单词的非块元素，如您的大小写，您可以使用

而不是

元素-这些是内联元素，将保留在一行上。

您也可以将div浮动到左侧

float: left;

---

你也可以把div浮动到左边

float: left;

---

您可以使用此CSS，它取决于

显示

：

#controls-outer{
        margin:auto;
        width:200px;
        height:100px;
        font-size: 30px;
        color:black;
        display: table-row;
    }

    #back-button{
        cursor:pointer;
        display:table-cell;
        vertical-align: middle;

    }
    #forward-button{
        cursor:pointer; 
         display:table-cell;
         vertical-align: middle;
    }

    #current-slide{
         display:table-cell;
    }

---

签出此

您可以使用此CSS，它取决于

显示

：

#controls-outer{
        margin:auto;
        width:200px;
        height:100px;
        font-size: 30px;
        color:black;
        display: table-row;
    }

    #back-button{
        cursor:pointer;
        display:table-cell;
        vertical-align: middle;

    }
    #forward-button{
        cursor:pointer; 
         display:table-cell;
         vertical-align: middle;
    }

    #current-slide{
         display:table-cell;
    }

---

签出此

谢谢，简单的解决方案，效果非常好！将尽快解决标记问题。@matthew谢谢您的帮助！谢谢，简单的解决方案，效果很好！将尽快解决标记问题。@matthew谢谢您的帮助！