Buttons come in different line

Question

I have two buttons in html5,. I want that both should be displayed on same line, but they are coming in different line. what should i do. I have placed my code below :

<input type="button" class="btn btn-danger" id="stop"  style="width:50%;"/>

<input type="button" class="btn btn-reset" id="reset"  style="width:50%"/>

Answer 1

try this :

<input type="button" class="btn btn-danger" id="stop"  style="width:50%; display:inline-block;"/>

<input type="button" class="btn btn-reset" id="reset"  style="width:50%; display:inline-block;"/>

Answer 2

Use width:49% in both buttons.

Demo here

Answer 3

Add float:left; in your input button

Fiddle - http://jsfiddle.net/wWYgZ/2/