I feel dumb as f.... make this link clickable?

[Stinky666]

This is EXACTLY how I need/want it, except I want it clickable, to lead obviously to a specific twitter page (for this one).
What, how... I am so confused why I can't get it to work


<!-- SOCIAL MEDIA ICONS-->
<p style="position: absolute; top: 330px; left: 6px; width: 45px; height: 45px; background: #42a4d6; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 99;"></p>
<p style="position: absolute; top: 331px; left: 7px; width: 43px; height: 43px; background: #42a4d6 url('http://i.imgur.com/opAxml0.png'); background-size: 24px 24px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 100;"></p>
<p style="position: absolute; top: 332px; left: 8px; width: 37px; height: 37px;  border: 2px solid rgba(255,255,255, 0.5);  -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 101;"></p>


Edit:
Ideally the WHOLE thing would be nice to be clickable, but even if the twitter image/icon is clickable, then ok.
I know it's something truly stupid, I just know it is.

[Alisha]

Stinky666 Nesting the whole thing with an anchor tag seems to work:
<!-- SOCIAL MEDIA ICONS-->
<a href="URLHERE">
   <p style="position: absolute; top: 330px; left: 6px; width: 45px; height: 45px; background: #42a4d6; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 99;"></p>
   <p style="position: absolute; top: 331px; left: 7px; width: 43px; height: 43px; background: #42a4d6 url('http://i.imgur.com/opAxml0.png'); background-size: 24px 24px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 100;"></p>
   <p style="position: absolute; top: 332px; left: 8px; width: 37px; height: 37px; border: 2px solid rgba(255,255,255, 0.5); -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 101;"></p>
</a>

edit: i deleted the original post but this was the code
<!-- SOCIAL MEDIA ICONS-->
   <a href="URLHERE" style="position: absolute; top: 330px; left: 6px; width: 45px; height: 45px; background: #42a4d6; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 99;"></a>
   <a href="URLHERE" style="position: absolute; top: 331px; left: 7px; width: 43px; height: 43px; background: #42a4d6 url('http://i.imgur.com/opAxml0.png'); background-size: 24px 24px; background-position: center; background-repeat: no-repeat; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 100;"></a>
   <a href="URLHERE" style="position: absolute; top: 332px; left: 8px; width: 37px; height: 37px; border: 2px solid rgba(255,255,255, 0.5); -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; z-index: 101;"></a>


[Stinky666]

Lmao I tried everything other than on all 3 sections simultaneously hahahaha

I tried <a href"">ALL CODE</a>
Then I also tried simply a href"" style"" on the image one.
I also tried breaking it into <p style then shove <img src inside that one




Thank you hahahahaha
Omg, I will pretend like I am super tired, I have been awake for like 90hrs or more! Shhhhhh


haha really thanks that was annoying me and annoying me MORE because I knew it was simple and even MORE because I could not somehow figure it out


p.s why do quotes not work?
I quoted you but nothing shows up in my post - curious.. hmm