title: Aligning entire contents of a div to the right side using css. (i.e. align object, image or input field)
body: <p>OK, DUE TO BEING NEW I WASNT ALLOWED TO POST IMAGES, SO I HAVE ATTACHED LINKS INSTEAD. (images should be inline with this question)</p>
  
  <p>Im writing a webpage and have a div containing some text (inline) an then an image.
  Now when one clicks on the image, a hidden div appears below with an input field.
  The input field in this div is automatically aligned to the left edge of the div.
  I want it aligned to the right of the div.</p>
  
  <p>As pictures speak louder than words, see link below.</p>
  
  <p><a href="http://www.freeimagehosting.net/uploads/d827ecc330.png" rel="nofollow noreferrer">http://www.freeimagehosting.net/uploads/d827ecc330.png</a></p>
  
  <p>Anyhow the closest I got to a solution was to apply direction: rtl to hidden div, but then my text in my input field also changes to rtl.</p>
  
  <p>I just want the placing of the text field to be rtl, not the input.</p>
  
  <p>I hope this isnt too confusing.</p>
  
  <p>Im quite new to css but have searched arund a lot, and have yet to find a solution besides the depreciated align=right.</p>
  
  <p>Any suggestions greatly appreciated.</p>