title: how to keep changing from img to anchor and div background from reformatting output
body: <p>I have moved an image from inside a div to being the background of the div so that using different CSS files I can show different images.  The problem I'm running into is that simply by adding an anchor around the div, the format is being thrown off.</p>
  
  <p>Here is what I had:</p>
  
  <pre><code>&lt;div class="logoWrap"&gt;
  &lt;a href="\"&gt;
    &lt;img src="@Html.SvccCdnPreAppend("/Images/silicon-valley-code-camp.png")" class="border-None"&gt;&lt;/a&gt;
   &lt;/div&gt;
  
  #header .logoInfoBar .logoWrap {
    padding: 6px 10px 0;
    text-align: center;
  }
  </code></pre>
  
  <p>Here is what I tried changing it to.  If I don't add the anchor, then the format is correct.  I don't understand how adding an anchor tag can affect formatting.</p>
  
  <pre><code> &lt;a href="/"&gt;&lt;div class="logoWrap"&gt;&lt;/div&gt;&lt;/a&gt;
  
  #header .logoInfoBar .logoWrap {
    background-image: url(/Images/silicon-valley-code-camp.png);
    width: 350px;
    height: 57px;
    background-repeat: no-repeat;*/
    padding: 6px 10px 0;
    text-align: center;
  }
  </code></pre>