How can I make a rectangle in HTML that will act as a link in the webpage?

I am trying to make a rectangle in html which will contain a text and act as a link. But I can't do it and I don't know why. This is my code

my html code

But in the browser window, the width and height property doesn't work. Only the left property does the job. All I wanted was making some clickable rectangles which will act as links. If I write the same css for heading, that does work. But when it comes to link, I can't get it to work. What can I do about this guys, help me! This is what I want-these boxes will act as the links-- What I am looking for

I could not post image , so please click on the links