I want to have a link appear on the top right corner that opens a new tab with another page. Although the tab and page open correctly, the link remains stuck in the top left corner.
Despite trying various solutions from Stackoverflow, nothing seems to be working for me. It must be something simple that I am overlooking...
/**CSS (from stackoverflow answer**/
a.right-link {
color: #2da1c1;
font-size: small;
text-decoration: none;
float: right;
}
a.right-link:hover {
color: #f90;
text-decoration: underline;
}
.leden-form {
width: 200px;
clear: both;
}
.leden-form input {
width: 100%;
clear: both;
}
label,
input {
display: block;
}
label {
margin-bottom: 10px;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td,
th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}<div>
<a class='right-link' href='postcodes.php' target='blank'>Postcodes toevoegen/verwijderen</a>
</div>I have attempted to remove the 'a' element and use only the 'right-link' class name, as well as putting the class name in the div element of the link. However, neither solution has worked.
What could I be missing here, and how can I make it work?