Question

I have a button that is made using anchor tags and display:block; (so the entire button in cickable)

I want to add a linebreak in the button (for styling purposes) and am achieving this through the display:block; property. The problem is that the part of the button that the display:block; property is assigned becomes unclickable.

Here is my code:

HTML

<a href="#">
   <span class="top">Connected To</span>
   <span class="bottom">Relationships</span>
</a>

CSS

 a{
      display:block;
      padding:5px 20px;
    }
    .top{
      display:block;
      font-size:15px;
    }
    .bottom{
      font-size:25px;
      font-weight:bold;
    }

Any ideas?

Answer 1

Even though this code is perhaps more complicated than it needs to be, it works just fine. Perhaps your problem is somewhere else.