CSS: content url with "title" : I want to replace a text with URL in CSS.

So far I get:

    .myclass {
    	visibility: hidden;
    }
    
    .myclass:before {
    	content: 'My page: ' url(http://www.myawesomepage.com) 'myawesomepage';
    	visibility:visible;
    }

This is what I got:

    My page: myawesomepage

This is what I want:

    My page: <a href="http://www.myawesomepage.com">myawesomepage</a>

What did I wrong?