title: How to allow horizontal scrolling in a web page
body: <p>I'm planning to display a table with a large width, so I havent' founded a CSS o HTML code to display this table and can move in a horizontally way</p>
  
  <p><img src="https://i.stack.imgur.com/JGFxf.png" alt="enter image description here"></p>
  
  <p>The only part which should be with horizontal scrolling is in the center (the white color). Here is my defaul razor view.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;@ViewBag.Title&lt;/title&gt;
          &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
          &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0" /&gt;
          @Styles.Render("~/Content/css")
          @Styles.Render("~/Content/themes/base/css")
          @Scripts.Render("~/bundles/modernizr")
      &lt;/head&gt;
      &lt;body&gt;
          &lt;header&gt;
              &lt;div class="content-wrapper"&gt;
                  &lt;div class="float-left"&gt;
                      &lt;p class="site-title"&gt;@Html.ActionLink("MS. GARCIA MATH 7TH", "Index", "Home")&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="float-right"&gt;
                      &lt;section id="login"&gt;
                          @Html.Partial("_LoginPartial")
                      &lt;/section&gt;
                      &lt;nav&gt;...&lt;/nav&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/header&gt;
          &lt;div id="body"&gt;
              @RenderSection("featured", required: false)
              &lt;section class="content-wrapper main-content clear-fix"&gt;
                  @RenderBody()
              &lt;/section&gt;
          &lt;/div&gt;
          &lt;footer&gt;
              ...
          &lt;/footer&gt;
  
          @Scripts.Render("~/bundles/otf")
  
          @RenderSection("scripts", required: false)
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>