title: having the Div next to form in the same line
body: <p>Hi I have the following code:</p>
  
  <pre><code>&lt;div id="heroDiv"&gt;
              &lt;form id="loginDiv"&gt;
                  &lt;h4&gt;Log in&lt;/h4&gt;&lt;/br&gt;
                  &lt;input id="username" autofocus="" name="username"  placeholder="Email address" autocorrect="off" autocapitalize="off" type="text"/&gt;&lt;/br&gt;&lt;/br&gt;
                  &lt;input id="password" autofocus="" name="password"  placeholder="Password" autocorrect="off" autocapitalize="off" type="password"/&gt;&lt;/br&gt;&lt;/br&gt;
  
                  &lt;div id="forgot"&gt;
                      &lt;p&gt;&lt;input id="remember" name="remember" type="checkbox"/&gt; Remember me&lt;/p&gt;
                      &lt;a href="http://www.google.com"&gt; Forgot password?&lt;/a&gt;&lt;/br&gt;
                  &lt;/div&gt;
  
                  &lt;div id="signUp"&gt;
                      &lt;p&gt;&lt;button id="login"&gt;Log in&lt;/button&gt; &lt;/br&gt;&lt;/br&gt;                        
                      &lt;p&gt;Not a member yet? &lt;a href="http://www.yahoo.com"&gt; Sign Up&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;/br&gt;
                  &lt;p id="name"&gt;© Biz Yapalım &lt;span id="bottomLinks"&gt; &lt;a href="http:/www.google.com"&gt;Privacy&lt;/a&gt; &lt;a href="http://www.google.com"&gt; Terms&lt;/a&gt;&lt;/span&gt;
  
           &lt;/form&gt;
  
          &lt;div id="errorMessages"&gt;
                  &lt;p id="userErrorMessage"&gt;Email Error Message&lt;/p&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/8xkqxbqt/" rel="nofollow">jsfiddle</a></p>
  
  <p>I want to make a div on the right side of the login form so that it </p>
  
  <p>could display the error messages but I just can't figure it out, any suggestions?`</p>
  
  <p>Thanks</p>