I have two html elements i.e label and anchor and both of them are inline. if i set their display property to display:inline-block and give label margin-top of 50px, why along with label, anchor tag is also moving.here i have only targeted label.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Practise</title>
<style>
input[type="text"] {
display: inline-block;
margin-top: 300px;
}
</style>
</head>
<body>
<input type="text">
<a href="#">IAMLINK</a>
</body>
</html>
