Why text appers above button? [closed]

When i write this

<button (click)="countLoginAttempts3()">Login Syntax</button>
<br>

@if(loginCount > 3){
    
   <h4>Exceeded 3 login Attempts, Try Again Later</h4>
} 

text appers above button in browser do you know why?