title: CSS Padding(?) on inline block top messing up my div content
body: <p><a href="https://codepen.io/markoslk/pen/qNgWGN" rel="nofollow">https://codepen.io/markoslk/pen/qNgWGN</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>h1 {
    color: white;
    font-size: 90px;
    text-align: center;
    width: 950px;
    height: 100px;
    margin: auto;
    margin-top: 20px;
    border-radius: 5px;
    background-color: darkblue;
  }
  #slogan {
    font-size: 40px;
    text-align: center;
    margin: auto;
    margin-top: -3px;
    font-family: Agency FB;
    width: 940px;
    height: 50px;
    background-color: white;
    border: 5px solid darkblue;
  }
  #table {
    display: inline-block;
    width: 225px;
    height: 170px;
    margin-top: 59.25px;
    margin-left: 59.25px;
    text-align: left;
    background-color: #c0c0c0;
    color: white;
    border-radius: 5px;
  }
  .content {
    text-align: center;
    border-radius: 5px;
    background-color: darkblue;
  }
  ul {
    font-family: Georgia;
    text-decoration: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: -10px;
    margin-left: 10px;
  }
  a {
    text-decoration: none;
    color: white;
  }
  .div {
    width: 940px;
    height: 525px;
    margin: auto;
    border-radius: 5px;
    background-color: white;
    border: 5px solid darkblue;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  img {
    width: 25px;
    height: 25px;
    padding-right: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;NBA 2016&lt;/h1&gt;
  &lt;p id="slogan"&gt;&lt;i&gt;Basketball never stops&lt;/i&gt;
  &lt;/p&gt;
  &lt;div class="div"&gt;
    &lt;div id="table"&gt;
      &lt;h2 class="content"&gt;Atlantic&lt;/h2&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/bos.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/bos/boston-celtics"&gt;Boston Celtics&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/bkn.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/bkn/brooklyn-nets"&gt;Brooklyn Nets&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/ny.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/ny/new-york-knicks"&gt;New York Knicks&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/phi.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/phi/philadelphia-76ers"&gt;Philadelphia 76ers&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/tor.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/tor/toronto-raptors"&gt;Toronto Raptors&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="table"&gt;
      &lt;h2 class="content"&gt;Central&lt;/h2&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/chi.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/chi/chicago-bulls"&gt;Chicago Bulls&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/cle.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/cle/cleveland-cavaliers"&gt;Cleveland Cavaliers&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/det.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/det/detroit-pistons"&gt;Detroit Pistons&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/ind.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/ind/indiana-pacers"&gt;Indiana Pacers&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/mil.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/mil/milwaukee-bucks"&gt;Milwaukee Bucks&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="table"&gt;
      &lt;h2 class="content"&gt;Northwest&lt;/h2&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/den.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/den/denver-nuggets"&gt;Denver Nuggets&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/min.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/min/minnesota-timberwolves"&gt;Minnesota Timberwolves&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/okc.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/okc/oklahoma-city-thunder"&gt;Oklahoma City Thunder&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/por.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/por/portland-trail-blazers"&gt;Portland Trail Blazers&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/utah.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/utah/utah-jazz"&gt;Utah Jazz&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="table"&gt;
      &lt;h2 class="content"&gt;Pacific&lt;/h2&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/gsw.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/gsw/golden-state-warriors"&gt;Golden State Warriors&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/lac.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/lac/los-angeles-clippers"&gt;LA Clippers&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/lal.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/lal/los-angeles-lakers"&gt;Los Angeles Lakers&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/pho.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/pho/phoenix-suns"&gt;Phoenix Suns&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/sac.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/sac/sacramento-kings"&gt;Sacramento Kings&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="table"&gt;
      &lt;h2 class="content"&gt;Southeast&lt;/h2&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/atl.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/atl/atlanta-hawks"&gt;Atlanta Hawks&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/cha.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/cha/charlotte-hornets"&gt;Charlotte Hornets&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/mia.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/mia/miami-heat"&gt;Miami Heat&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/orl.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/orl/orlando-magic"&gt;Orlando Magic&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/was.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/was/washington-wizards"&gt;Washington Wizards&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="table"&gt;
      &lt;h2 class="content"&gt;Southwest&lt;/h2&gt;
      &lt;ul&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/dal.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/dal/dallas-mavericks"&gt;Dallas Mavericks&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/hou.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/hou/houston-rockets"&gt;Houston Rockets&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/mem.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/mem/memphis-grizzlies"&gt;Memphis Grizzlies&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/no.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/no/new-orleans-pelicans"&gt;New Orleans Pelicans&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;img style="vertical-align:middle" src="http://a.espncdn.com/combiner/i?img=/i/teamlogos/nba/500/sas.png&amp;h=25&amp;w=25"&gt;&lt;a href="http://www.espn.com/nba/team/_/name/sas/san-antonio-spurs"&gt;San Antonio Spurs&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Rest of the code is on codepen link. There seems to be some padding or something on the top of my divs. There wasn't one until I used <code>display: inline-block</code>. I can fit in the title of each div but that would have to be done with setting the adequate margin to it. But I don't want to move gray area,I want it to be where it is because I tried to center it as much as possible. (Is there more efficient way to do it? I did it by calculating margins and dividing. Basically I want all margins to be the same (bottom,top,right,left)) I want title,along with the list to go a bit up to fit the gray area perfectly. How can I do it?</p>