Vertical margin on link in Google Chrome

I have a very very simple layout and design, but I cannot set the vertical margin of a link. Here is a shortened example:

<a href="">Google</a>
<a href="" style="margin-top: 20px; ">YouTube</a>
<a href="">Bar</a>

Everytime the second link have the same margin as all other links. Is this a bug of Google Chrome and how to resolve this problem?

Edit: Is there a way to resolve it without wrapping the link in a div?


Something like this?

<a href="">Google</a>
<a href="" style="display:inline-block;margin-top: 20px;">YouTube</a>
<a href="">Bar</a>

<a href="">Google</a>
<a href="" style="position:relative;top:20px;">YouTube</a>
<a href="">Bar</a>

Need Your Help

MYSQL need a faster query

mysql optimization indexing query-optimization

I have two tables, one of which matches ids to ratings and one of which has the ids with the actual data in about 15 columns. In the data table the id column has an index and in the ratings table ...

Why do I have to requestFileSystem inside onDeviceReady?

javascript android file cordova

I am using PhoneGap's File API (W3C File). All file read examples force you to call window.requestFileSystem(...) inside onDeviceReady...why?!