Zwei Tasten in einer Zeile

Question

Wie kann ich diese Tasten in eine Zeile setzen?

<form method="post"> 
    <button type="submit" name="render_button" class='btn btn-block btn-primary' style="width:100px;height:30px;" > Render </button> 

    <button type="submit" name="check" class='btn btn-block btn-primary' style="width:100px;height:30px;" > Render2 </button> 
</form> 

Answer 1

Wenn diese verwendet Bootstrap, die ich von den btn btn-Primär Tags bin zu raten, fügen Sie einfach display: inline-block; zu jedem style-tag:

HINWEIS: Sie müssen 0 auf der zweiten Schaltfläche aus dem Rand-Top, ich werde das auch hinzufügen.

<form method="post"> 
     <button type="submit" name="render_button" class='btn btn-block btn-primary' style="width:100px;height:30px;display:inline-block;" > Render </button> 

     <button type="submit" name="check" class='btn btn-block btn-primary' style="width:100px;height:30px;display:inline-block;margin-top:0;" > Render2 </button> 
</form> 

Answer 2

Ich denke, die btn-block Klasse Ihre Schuld daran ist, wenn Sie es die Tasten

<form method="post"> 
    <button type="submit" name="render_button" class='btn btn-primary' style="width:100px;height:30px;" > Render </button> 

    <button type="submit" name="check" class='btn btn-primary' style="width:100px;height:30px;" > Render2 </button> 
</form>