title: Why does displaying/hiding an HTML element via Javascript put it on a new line?
body: <p>I have this page: <a href="http://www.problemio.com/problems/problem.php?problem_id=214" rel="nofollow">http://www.problemio.com/problems/problem.php?problem_id=214</a></p>
  
  <p>On it there is a link "suggest a solution" towards the middle bottom of the screen.  If you click it, it calls a JS function to hide it, and show a diff element in its place.  For some reason it places the other element on the next line which looks awkward.</p>
  
  <p>Would you know why this is happening? I can't figure it out :)</p>