Question

On a web page, I have two divs. I would like to place the second div just right to the other one so that they’re in a line.

Answer 1

You can use the float CSS style. Set it to left for the first div. The second div will be placed just right of it (so long as there is enough space)

<div>
  <div style="float: left">
     <p> This div will be on the left</p>
  </div>
  <div >
     <p> This div will be on the right</p>
  </div>
  <!-- optionally, you may need to add a "clearance" element below the floating divs -->
  <div style="clear: both" ></div>
</div>

Note, that sometimes it may be necessary to give the floating divs a fixed width in order to achieve the proper horizontal layout.

<div>
  <div style="width: 100px; float: left">
     <p> 100px div will be on the left</p>
  </div>
  <div style="width: 200px">
     <p> 200px div will be on the right as long as there is enough 
         horizontal space in the container div
     </p>
  </div>
  <!-- optionally, you may need to add a "clearance" element below the floating divs -->
  <div style="clear: both" ></div>
</div>