title: how do i remove the gap between the gray background color and right side browser boundary?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>   
  
  body{
      font-family:'Montserrat';
      
  }
  
  .content{
      background-color:#d9d9d9;
  }
  
  
  
     
  
  p.dates{
      display:inline-block;
      font-weight:800;
      margin-right:20px;
      width:120px;
      text-align:center;
      margin-top:0;
      margin-bottom:0;
      
  }
  p.content{
      display:inline-block;
      text-align:left;
      width:85%;
      height:50px;
      
      margin-top:0;
      margin-bottom:0;
         
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>   
      &lt;/div&gt;
      &lt;div class="timeline-content"&gt;
          &lt;br&gt;
          &lt;hr&gt;
          &lt;p class="dates"&gt;28 June 1971&lt;/p&gt;
          &lt;p class="content"&gt;Elon Reeve Musk was born on June 28 1971 in Pretoria, South Africa.&lt;/p&gt;&lt;br&gt;&lt;hr&gt;
          
          &lt;p class="dates"&gt;1988&lt;/p&gt;
          &lt;p class="content"&gt;Elon moved to Canada when at the age of 17 to attend Queen's University.&lt;/p&gt;&lt;br&gt;&lt;hr&gt;
  
          &lt;p class="dates"&gt;1990&lt;/p&gt;
          &lt;p class="content"&gt;Elon was transferred to University of Pennsylvania, where he received dual bachelor's degrees in Economics and Physics.&lt;/p&gt;&lt;br&gt;&lt;hr&gt;
          &lt;p class="dates"&gt;1995&lt;/p&gt;
          &lt;p class="content"&gt;He moved to california to begin a Ph.D in applied physics and material sciences at Stanford University, but dropped out after 2 days to pursue a business career.&lt;/p&gt;&lt;br&gt;&lt;hr&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/On5EH.png" rel="nofollow noreferrer">the text present in the lower portion of the page with gray background is what i am talking about</a></p>
  <p>I am creating this tribute web page but in the portion which contains details of the correponding date/year i am unable to remove the gap between gray background and right side browser boundary.</p>