CSS不重新定位文本

Question

我正在尝试使用css重新定位页面上的文本，但是我正在更改值，但没有任何变化，如果我做错了，请更正我，但是我可以肯定，我将所有操作都做对了。

HTML

<div id="leftblock">
    <a href="shop" style=" text-decoration: none; color: black; font-family: Helvetica ;font-size: 30px ;">SHOP</a>
</div>



<div id="rightBlock">
    <a href="http://instagram.com/" style="text-decoration: none; color: black; font-family: Helvetica ;font-size: 30px ;">INSTAGRAM</a>
</div>

CSS

#leftblock {
    position: fixed;
    top: 90%;
    left: 12%;
}

#rightBlock {
    position: fixed;
    top: 90%;
    left: 80%;
}

当我将所有元素都放在同一个文件中时，这些元素将与此CSS放在我想要的位置，但是现在由于我添加了外部样式表并将其放置在该元素上，因此这些元素保持在左上方并且不移动。

（是的，我正确链接了样式表<link rel="stylesheet" href="style.css">）