title: CSS position: fixed with horizontal scroll bar for overflowing content
body: <p>I'm using CSS <code>position: fixed</code> for a <code>div</code> tag. My browser horizontal scroll bar is moving but I'm not seeing text. This is what I tried so far:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
      .test {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, .2);
      overflow-x: auto;
      white-space: nowrap;
       width:2500px;
  }
          body {
          }
  
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
          &lt;div class="test"&gt;
              test data  test data  test datatest data  test data  test datatest data     test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test datatest data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data  test data
          &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I need to display the text in a single line with a browser horizontal scroll bar(not div scroll bar)</p>