title: HTML/CSS button link not working
body: <p>I'm trying to put a link to another page of my website inside this button I've made using CSS. However, the button already has formatted text in it and the link apparently only works when I use text inside the <code>&lt;a&gt;&lt;/a&gt;</code> tags. Any ideas how I can just make the entire button a clickable link? Here's the offending code:</p>
  
  <pre><code>&lt;nav&gt;
  &lt;p class="button"&gt;&lt;a href="pictures.htm"&gt;&lt;/a&gt;Pictures of our destinations&lt;/p&gt;
  &lt;p class="button"&gt;Prices for flights, hotels and all in one deals&lt;/p&gt;
  &lt;p class="button"&gt;Today's deals&lt;/p&gt;
  &lt;p class="button"&gt;Contact us!&lt;/p&gt; 
  &lt;p class="button"&gt;Sign up for an account&lt;/p&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>As that code stands, the link does not work and there is no clickable area. However, moving the text from the <code>&lt;p&gt;</code> tags to the <code>&lt;a&gt;</code> tags makes the link work, but my CSS formatting doesn't apply to it then.</p>