調整按鈕之間div和跨度按鈕

Question

我有一個div，其中我有一些3個按鈕和生成的跨度。
我的問題是：

我可以將我的按鈕與正方形對齊而不使用邊距嗎？
（第一個按鈕會在第一方陣開始和最後一個按鈕是其中最後方結束）

如何對準我的跨度兩個按鈕裏面？

<div id="stripe"> 
    <button id="new">New Colors</button> 
    <span id="message"></span> 
    <button id="easy">Easy</button> 
    <button id="hard">Hard</button> 
</div> 

Fiddle

Answer 1

你可以做到這一點。您需要更換裏面的字之間的字。你的情況下跨度不在按鈕內。

button{ 
 
    background-color:darkblue; 
 
    color:white; 
 
    padding:5px 10px; 
 
    border:none; 
 
    font-size:20px; 
 
} 
 

 
#stripe >*{ 
 
    vertical-align:top;/*or bottom, middle....*/ 
 
}

<div id="stripe"> 
 
    <button id="new">New Colors</button> 
 
    <span id="message">Some message</span> 
 
    <button id="easy">Easy</button> 
 
    <button id="hard">Hard</button> 
 
</div>