title: Cannot remove margin from box
body: <p>I want to place 2 divs side by side, but one of the div's has a margin that I cannot remove. </p>
  
  <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>.middleHolder{
   padding: 0px !important;
  }
  
  body{
   font-family: Raleway, sans-serif;
  }
  
  .numberedTitle{
   font-family: Roboto, sans-serif;
   font-size: 62px;
   padding-left: 15px;
   margin: 0 !important;
   width: 100px;
  }
  
  .subtitleHolder{
   display: inline-block;
  }
  
  p{
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 17px !important;
   font-weight: 300;
   color: /*#888*/;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'&gt;
    &lt;link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'&gt;
  &lt;/head&gt;
  
  &lt;div class="middleHolder col-md-12"&gt;
    &lt;div class="numberedTitle"&gt;
      &lt;span&gt;01&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="subtitleHolder"&gt;
      &lt;p&gt;Lorem Ipsum&lt;/p&gt;
      &lt;h3&gt;Filler One&lt;/h3&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've tried using the !important function, but it doesn't seem to work.</p>
  
  <p><a href="https://i.stack.imgur.com/8CLya.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8CLya.jpg" alt="What it should look like"></a></p>
  
  <p>I've also removed the <code>col-md-12</code> on both <code>numberedTitle</code> and <code>subtitleHolder</code> but that didn't change anything.</p>