Why does output come out weird and how can I fix it?

Question

<form>
<label>Username</label>
<input type="text" name="username"/><br/>
<label>Password</label>
<input type="password" name="password"/>
</form>

My output comes out weird and the boxes don't and the boxes aren't positioned properly for some reason. This portion of code alone produces that result

Answer 1

It would be better if you provide the code link so we can really see the problem.
The code snippet that you provided seems fine.
You might be doing something wrong with the CSS.

Answer 2

Perhaps their might be something wrong with the sololearn ide but when I input even this portion alone without anything else:

<form>
<label>Username </label>
<input type="text" name="username"/><br/>
<label>Password </label>
<input type="password" name="password"/>
</form>

Both boxes are not positioned right. I can only assume it has something to do with the label tag because when I use this alone:

<form>
<input type="text" name="username" /><br />
<input type="password" name="password" />
</form>

The boxes are in good position.

Answer 3

Eddy Why can't you show your codes on code playground and share it here?

Answer 4

https://www.sololearn.com/discuss/1417212/?ref=app
Can anyone explain the output of this code?

Answer 5

See this

https://code.sololearn.com/WZaTQbQ2QELl/?ref=app

If this solves your query.