title: I have two input fields and I don't want to show space between them
body: <p>These are my two input fields, and when I run the code it shows spaces between them.
  Can anyone tell me how to remove the space in between them?
  Thank you.    </p>
  
  <p>this is my whole code which I am writing if any help can be done please tell me I will appreciate it 
  thank you again.</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"&gt;
  &lt;script src="http://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
  
  &lt;style&gt;
  
  h6 {
       text-align: center;
     color:   #A7A7AF;
  }
  h5 {
  
      color: #A7A7AF;
  
  }
  .input {
    display: block;
      width: 100%;
  }
  
  
  .ui-bar-f {
      color: red;
      background-color: #476296;
  }
  
  .ui-body-f {
      font-weight: bold;
      color: white;
      background-color:#476296;
  }
  
  
  .ui-page-theme-f {
      background-color: #EBF0F3;
  }
  .create {
      opacity: 1;
      color: white;
      background-color: #5A9239;
  }
  .btn1 {
      opacity: 1;
      color: white;
      background-color: #476296;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
  
  &lt;div data-role="page" data-theme="f"&gt;
  
    &lt;div data-role="header" data-theme="f" class="ui-body-f"&gt;
      &lt;h1&gt;facebook&lt;/h1&gt;
    &lt;/div&gt;
  
  
    &lt;h5 style=" margin:0px; color: #8C812F; background-color: #FFFFBE;"&gt;You must login first&lt;/h5&gt;
  
  
  &lt;div data-role="main"  class="ui-content"  &gt;
      &lt;h4  style=" text-align: center; color: #476296; background-color: #FFFFBE;"&gt;Get Facebook for Android and browse faster&lt;/h4&gt;
  &lt;h5&gt;Already have an account ?&lt;/h5&gt;
  
  
          &lt;input type="text"  name="fullname" placeholder="Email" &gt;&lt;input type="text"  id="Password" placeholder="Password" &gt;
  
           &lt;a href="#"  type="button" style="input: margin: 0;" class="ui-btn btn1 ui-corner-all"   &gt;Log In&lt;/a&gt;
  
            &lt;h5&gt;New to facebook ?&lt;/h5&gt;
  
  
            &lt;a href="#" type="button"  style="input: margin: 0;" class="ui-btn create ui-corner-all"  &gt;Create New Account&lt;/a&gt;
  
            &lt;h6 &gt;Forget password    Help Centre&lt;/h6&gt;
            &lt;h6&gt;Trouble login ?&lt;/h6&gt;
  
  &lt;/div&gt;
  
  
  
  
  
    &lt;div data-role="footer" style=" text-align: center; color: #A7A7AF;"&gt;
      &lt;p&gt; &lt;i&gt; &lt;b&gt;&lt;font color="#000000"&gt;English(US)&lt;/font&gt; &lt;/b&gt;&lt;/i&gt;  &lt;font&gt;.Espanol .portugese(Brazil) more..&lt;/font&gt;  &lt;/p&gt;
      &lt;h3&gt;Facebook©2003&lt;/h3&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ZaDFS.png" alt="you can see the input types are still not joined"></p>
  
  <p>Thank you.</p>