title: HTML button not working on click but css works fine
body: <p>You read it right.. My html button is functional but sometimes it doesn't redirects to the link.</p>
  <p>My button code is</p>
  <pre><code>&lt;a href=&quot;gallery/&quot;&gt;&lt;button style=&quot;text-align:center;border:black 1px solid; background-color:black;width:1px;height:1px;border-radius:100px;&quot;&gt;&lt;h5 style=&quot;color:white;font-family:courier;&quot;&gt;Oil Paintings&lt;/h5&gt;&lt;img src=&quot;images/oilPainting.jpeg&quot; width=&quot;300px&quot; style=&quot;border-radius:1000px;&quot;/&gt;&lt;/button&gt;&lt;/a&gt;&lt;
  </code></pre>
  <p>I don't know whether this is a button problem or the problem is in the anchor tag somewhere.</p>
  <p>To check the working, I added some css the enlarges the button on click. but when I click the button, it just enlarges and doesn't redirects.
  Please Help..</p>