title: Issues with Margin/ Padding - Intermediate CSS Student
body: <p>I'm trying to figure out if the padding is adjustable in this </p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div id="branding"&gt;
       &lt;h1&gt;
      {block:IfHeaderImage}&lt;a href="/"&gt;&lt;img src="{image:Header}" alt="{Title}" /&gt;&lt;/a&gt;    {/block:IfHeaderImage}
  
       {block:IfNotHeaderImage}&lt;a href="/"&gt;{Title}&lt;/a&gt;{/block:IfNotHeaderImage}
       &lt;/h1&gt;
  &lt;/div&gt;&lt;!-- #branding --&gt;
  </code></pre>
  
  <p>And the associated CSS:</p>
  
  <pre><code>#header #branding {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      margin: 0 auto 3px;
      {block:IfNotHeaderImage}padding: 40px 0;{/block:IfNotHeaderImage}
      width: 900px;
  }
  </code></pre>
  
  <p>I tried: adding a height property and changing the padding, but nothing worked. This is being done in Tumblr (<a href="http://thelunaticexpress.tumblr.com/" rel="nofollow">this site</a>), and it has been a bit finicky. </p>
  
  <p>Any help much appreciated!</p>