how to spread out buttons, they are currently stacked?

I have a bunch of buttons on my page, my html is like:

<div>
  <input ..>
  &开发者_如何学JAVAlt;input ...>
</dvi>

They are currently just stacking up on each other, I want them all on one horizontal line spread out.

I tried doing:

display:inline

on the outer div, but that didn't work.

Try display:inline or float:left on the inputs.

Try:

div input {
    float: left;
    margin-right: 10px;
}

... or something similar. You could give the inputs classes or IDs (which is generally recommended) so you can apply specific styles to each one.

Did you say you applied inline to the div? That sets the div to display inline, but I think what you want is for the inputs to display inline. try:

div input {
display: inline;
}

Better?

Just float them!

<div>
   <input style="float: right" />
   <input style="float: right" />
</div>