display needed in same line.

[thejwal pavithran]

<div id="blcok1" style="width:425px">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
src="https://maps.google.co.in/maps?hl=en&q=KAILAS+JEEVAN+FACTORY+-
+Pune&ie=UTF8&hq=KAILAS+JEEVAN+FACTORY+-&hnear=Pune,+
Maharashtra&t=m&ll=18.4468,73.813486&spn=0.161987,0.095167&output=embed">
\</iframe><br />
<small
><a href="https://maps.google.co.in/maps?hl=en&q=KAILAS+JEEVAN+FACTORY+
-+Pune&ie=UTF8&hq=KAILAS+JEEVAN+FACTORY+-&hnear=Pune,+Maharashtra&t=m&ll=18.4468,73.813486&
spn=0.161987,0.095167&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
   <b>Post Your Query</b><br/>
  <form method = "post" action = "ContactServlet"><br/>
  Your Name : <input type = "text" name = "name"></input><br/>
  Your Email : <input type = "text" name = "email"></input><br/>
  Your Phone Number : <input type = "text" name = "phoneno"></input><br/>
  Comments:<textarea cols="40" rows="4" name="comments"></textarea><br/>
  
  <input type="submit" onclick="onClick=alert('The query has been sent. We will get back to you shortly!')"/>
  <input type = "reset"></input>
  </form>

hey guys i want the map and the form in the code above to be displayed on the same line. here its getting displayed one below the other.

what can i do please help.

[Eric Pascarello]

You need to either float your elements or make them inline-block.

[Anki Jain]

you have given fixed width in div id as block 1 remove it and use float: left in css
and your code will be as follows:
following changes are in

remove div's width.
<div id="blcok1">

give style to i frame and set is as float:left
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="https://maps.google.co.in/maps?hl=en&q=KAILAS+JEEVAN+FACTORY+-
+Pune&ie=UTF8&hq=KAILAS+JEEVAN+FACTORY+-&hnear=Pune,+
Maharashtra&t=m&ll=18.4468,73.813486&spn=0.161987,0.095167&output=embed" style="float:left;">

and in form also give it style and set it as a float:left
<form method = "post" action = "ContactServlet" style="float:left;">

for more help..click here.