title: Menu Bar with html/css
body: <p>I want to make an horizontal bar with a list and research bar, both separated by a margin (I just don't want them to next to each other). I want all the bar to be of a color (in my example it is blue but I don't care it is just to try). However, when I try to put a margin or padding the color vanishes. I m pretty sure it is not the right way to do it. If someone could also tell me how to get rid of the small white layer above the bar that d be great. I want the color to start at the very top of the page. </p>
  
  <p>Thank you for you help (I know I m bad at coding).</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
      &lt;style&gt;
          #bar {
              background-color: blue;
          }
          #menu ul li {
              display: inline;
              float: left;
          }
          #form {
              padding-left: 30px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="bar"&gt;
  
          &lt;div id="menu"&gt;
              &lt;ul&gt;
                  &lt;li id="current"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;Archives&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;Profile&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;Followers&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;Support&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  
          &lt;div id="form"&gt;
              &lt;form method="get" action="http://www.google.com/custom"&gt;
                  &lt;input name="q" size="25" maxlength="255" value="" type="text" /&gt;
                  &lt;input name="sa" value="search" type="submit" /&gt;
                  &lt;input name="cof" value="" type="hidden" /&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>