Q: HTML buttons on the same line I have this html code which made in browser three buttons.How can I put the buttons on the same line?(they appear on different lines).    
    <form action="file:///C:/Users/andre/Desktop/home.html"/>
        <input type="submit" value="Home" />

</form>


     <form action="file:///C:/Users/andre/Desktop/players.html"/>
         <input type="submit" value="Players" />

 </form>

 <form action="file:///C:/Users/andre/Desktop/league.html"/>
    <input type="submit" value="League" />
</form>


A: Just add following code
<style>
    form { display : inline-block; } 
</style>


A: 

input[type=submit]{cursor:pointer}
form input{float:left;margin:5px}
    <form action="file:///C:/Users/andre/Desktop/home.html"/>
        <input type="submit" value="Home" />

</form>
     
     
     <form action="file:///C:/Users/andre/Desktop/players.html"/>
         <input type="submit" value="Players" />

 </form>

 <form action="file:///C:/Users/andre/Desktop/league.html"/>
    <input type="submit" value="League" />
</form>



A: form tag's default display value is block. If you make it inline-block, it will solve that problem.


<form style="display: inline-block;" action="file:///C:/Users/andre/Desktop/home.html">
  <input type="submit" value="Home" />
</form>
<form style="display: inline-block;" action="file:///C:/Users/andre/Desktop/players.html">
  <input type="submit" value="Players" />
</form>
<form style="display: inline-block;" action="file:///C:/Users/andre/Desktop/league.html">
  <input type="submit" value="League" />
</form>


