title: Trying to make a button clickable with HTML and CSS
body: <p>I have this nice line of HTML and equaling lines of CSS which give me a nice looking button.</p>
  
  <p>the HTML code is</p>
  
  <pre><code>&lt;button class="button"&gt; &lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>and the corresponding CSS is </p>
  
  <pre><code>#button { 
  font-size: 44px; 
  color: rgb(255, 255, 255); 
  background: rgb(0, 0, 0) none repeat scroll 0% 0%; 
  width: 64px; 
  height: 58px; 
  border-radius: 13px; 
  border-style: none;} 
  </code></pre>
  
  <p>Could anyone explain to me how I can turn this into a clickable link, which will lead to my twitter, or github, or whichever page I'd like that button linked to. Im about 9 days into learning HTML and CSS so any help is much appreciated :D</p>
  
  <p>***Just want to state that i didn't fully understand how to implement the code that was used in the question that this one is similar too, i apologize for creating a duplicate question. Very new to coding and was hoping to get specified help, which i did. So thanks everyone =)****</p>