班级变更后，在同一个div中，按钮未在同一行显示

Question

我在同一个div中有两个按钮和一些文本。将一个按钮的类别从未显示更改为存在后，它不会显示在同一行中，我也不知道为什么。我已经尝试过使用跨度，但是那些没有用。

HTML

setwd("Y:/Zach/")
myfile<-"DSummary.csv"
write.table("Title1: n = ", myfile)
write.table(SchoolCnt, myfile, col.names=FALSE, append=TRUE)
write.table(". Is good enough", col.names=FALSE, append=TRUE)
write.table(m1, myfile, sep=",", col.names=FALSE, append=TRUE)

CSS

<div id='lemonade' class="element">
    Click to sell some lemonade.
    <input class=button type=button value="SELL LEMONADE" onclick='lemonade()'>
    <input id='lemonadeEm' class=hidden type=button value="Hire Lemonade Seller" onclick='lemonadeEm()'>
</div>

JAVASCRIPT

.hidden {
    display: none;
}
.show {
    display: block;
}
.button {
    background-color:;
    color:#032441;
    cursor:pointer;
}