通过JavaScript生成按钮的样式

Question

我已经用javascript生成了一些按钮，在html和css中使用。代码如下。

for(letter in currentQuestion.answers){

          // ...add an HTML button
          answers.push(
            `<label>
              <input class="press" type="button" value="${letter}" >
            </label>`
          );
        }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我想把这段代码写成每行有两个按钮，但是，我的代码会导致按钮相互堆叠。我的代码或多或少是用javascript从头开始生成按钮，查询。我试过使用display: inline-block; e.t.c，并阅读了关于使用网格的资料。谁能帮我找到解决我问题的方法？下面是我想要的样子：问题：Button1 Button2Button3请问我应该使用什么样式？

Answer 1

    let answers = []
    let rest = [1,2,3,4,5,6,7,8]
    for(letter in rest){
          // ...add an HTML button
          answers.push(
            `<div class="inner">
                <label>
                  <input class="press" type="button" value="${letter}" >
                </label>
            <div>`
          );
        }
        console.log(answers)
        $('.appendHere').append(answers)

HTML按钮

<div class="appendHere"></div>

CSS

.appendHere .inner{
  float: left;
}
.appendHere .inner:nth-child(2n + 1){
  clear: left;
}