title: Add href to the entire div with HTML
body: <p>I wanted to have the entire div link to microsoft.com. How do I add a link to the entire div wrapper-promo? I wanted it to where ever the user clicks, they would go to the link.</p>
  
  <p>Here's my jsfiddle:
  <a href="http://jsfiddle.net/huskydawgs/eL7rwLx3/45/" rel="nofollow">http://jsfiddle.net/huskydawgs/eL7rwLx3/45/</a></p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;div class="wrapper-promo"&gt;
      &lt;div class="title-top"&gt;
          &lt;h2 class="block-title"&gt;
              Three states or less&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class="promo-content"&gt;
          &lt;p&gt;Bid and RFP Notification Only&lt;/p&gt;
      &lt;p&gt;Online and email support&lt;/p&gt;
          &lt;p&gt;&lt;a href="http://www.microsoft.com"&gt;&lt;img height="31" src="http://www.onvia.com/sites/default/files/button_get_started_orange.png" width="112" /&gt;&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here's my CSS:</p>
  
  <pre><code>    .wrapper-promo {
      background-color: #e2e3e4;
      margin: 10px 0;
      width: 100%;
  }
  
  .title-top {
      background-color: #2251a4;
      height: 40px;  
      line-height: 40px;
  }
  
  
  .title-top-cell {
      display: table-cell;
      vertical-align: middle;
  }
  
  
  .promo-content {
      margin: 20px;
      padding: 0 0 10px 0;
  }
  
  h2 {
      font-family:Arial,sans-serif;
      font-size:19px;
      font-weight: bold;
      color:#fff;
      margin: 10px 0 -10px 0;
      text-transform:none;
  }
  
      h2.block-title {
          font-size:22px;
          margin: 0;
          text-align: center;
          text-transform:none;
      }
  
      .promo-content p {
      font-family: Arial,sans-serif;
      font-size: 14px;
      color: #232323;
      line-height: 20px;
      text-align: center;
   }
  </code></pre>