I have utilized a diamond symbol from the Fort Awesome icon collection and noticed that when I target the i tag in my CSS, the icon becomes highlighted (see screenshot attached). However, I am encountering issues with relative and absolute positioning not functioning properly (source code provided as well).
HTML
<div id="test"><i class="fa fa-diamond" style="color:red"></i> Diamond</div>
CSS
i {
position: absolute;
top: 120px;
right: 30px;
}