title: How do I set a Fixed Height and Width to a div
body: <p>I have looked at a lot of questions that have already been asked and can't find and answer that works for me. I am trying to make a logo that has an ampersand in the middle. The Ampersand is supposed to change font familys every few seconds which works. Only issue is that now when it changes font it messes up the who page.</p>
  
  <p><a href="https://codepen.io/anon/pen/BVddWV" rel="nofollow noreferrer">https://codepen.io/anon/pen/BVddWV</a></p>
  
  <p>Main issues are coming from line 21 in the CSS</p>
  
  <pre><code>.ampersand{
    display:inline;
    width:35px;
    max-width:35px;
    height:79px;
    max-height: 79px;
    font-family:"Exo", sans-serif;
  }
  </code></pre>
  
  <p>Any ideas?</p>