title: creating a horizontal colored strip using css
body: <p>In my webpage  I need to put a horizontal colored strip of some width just beneath a Logo text. </p>
  
  <p>I tried to use this css:</p>
  
  <pre><code>#colorstrip{
      width: 100%; height: 2px;
      border-style: solid;
      border-color: white;
  }
  </code></pre>
  
  <p>with this html:</p>
  
  <pre><code>&lt;span id="logo"&gt; My site&lt;/span&gt;
  &lt;div id="colorstrip"/&gt;
  </code></pre>
  
  <p>But it shows a white rectangle. How do I make it a filled one? Or do I have to use an image (may be a white square) and put it as background of the div with repeat?</p>
  
  <p>Is using a div for showing this thin bar the correct way?
  What do you advise?</p>