用内联按钮创建一个div

Question

如何使用2个按钮成为内联的Div？

<div>
  <h2 id="break-label"> Break Length </h2>
  <div id="button">
    <button id="break-decrement">
                    handleClickBreakDecrement
                </button>
    <p id="break-length"> 5 minutes or something </p>
    <button id="break-increment">          
                    handleClickBreakIncrement
          </button>
  </div>
</div>

ID ="button"的div必须是这样的内联:

   **handleClickBreakDecrement** 5 minutes or something **handleClickBreakIncrement**

而不是这个:

  **handleClickBreakDecrement** 
5 minutes or something 
**handleClickBreakIncrement**

我尝试使用display:inline但没有任何反应

Answer 1

<p>...</p>两个按钮之间的段落元素()是一个块级元素,它考虑了您正在目击的行为.

要修复,要么display: inline在段落元素上设置,要么用内联元素替换它,如<span>...</span>:

<div>
  <h2 id="break-label"> Break Length </h2>
  <div id="button">
    <button id="break-decrement">handleClickBreakDecrement</button>
    <span id="break-length"> 5 minutes or something </span>
    <button id="break-increment">handleClickBreakIncrement</button>
  </div>
</div>