I want buttons to be displayed above one another
<p>I have two functions in my jquery which manage to buttons and then display the buttons. What I want is that I want the buttons to be display in a table row but I want the buttons not to display next to each other but to display above one another. Does anyone know how to do this in my jquery code?</p>

<p>Jquery code below:</p>

<pre><code>function insertQuestion(form) {   

   var $answer = $("&lt;table class='answer'&gt;&lt;/table&gt;");


   $('.allBtns:first-child').each(function() {
            var $this = $(this);
            var $allBtnsClass = '';

    $allBtnsClass = $("&lt;input class='allBtns btnsAll' type='button' style='display: inline-block;' value='Select All Answers' onClick='selectAll(this);' /&gt;").attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
        }
            $answer.append($allBtnsClass);
        });

        $('.allRemoveBtns:first-child').each(function() {

            var $this = $(this);
            var $removeBtnsClass = '';

            $removeBtnsClass = $("&lt;input class='allRemoveBtns btnsRemove' type='button' style='display: inline-block;' value='Remove All Answers' onClick='removeAll(this);' /&gt;").attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));
        }

            $answer.append($removeBtnsClass);
        });

    $tr.append($answer);

}
</code></pre>
