aligning <div> data in one line?

<div id="surve开发者_StackOverflowyTitleEdit" style="float:left;overflow: auto;">
   <input id="surveyTitleInput"  size="25" type="text" name="Title" />
   <span><img class="pointerCursor" src="image" alt="Save" title="Save"
              onclick="save()"/></span>
   <span><img class="pointerCursor" src="image" alt="Save" title="Save"
              onclick=Edit();"/></span>
</div>

This is my code, I'm getting input box and first image in one line and the second image in another line , I want all the div data in one line , how can i achieve this?

Try this:

<div id="surveyTitleEdit">
 <input id="surveyTitleInput" size="25" type="text" name="Title"/>
 <img src="" alt=""/>
 <img src="" alt=""/>
</div>

Now the only thing you have to make sure of, is that the div surveyTitleEdit is wide enough (has a width higher than the sum of the widths of the input and two images) to contain the 3 elements next to each other. Alternatively you can use the following CSS:

#surveyTitleEdit {
 white-space: nowrap;
}

It should be onclick="Edit();". You forgot a ". Elements should be automatically aligned if the div container is wider enough. Whenever possible, avoid to attach events directly to TAGS. Instead, you can use jQuery (Or other frameworks) events.

Try specifying the height and width in the , as in:

<img src="image.jpg" width="200" height="150">