+ 2

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

<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

29th Jul 2018, 12:00 AM
Eddy
Eddy - avatar
5 Réponses
+ 2
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.
29th Jul 2018, 12:17 AM
Jonathan Pizarra (JS Challenger)
Jonathan Pizarra (JS Challenger) - avatar
0
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.
29th Jul 2018, 12:44 AM
Eddy
Eddy - avatar
0
Eddy Why can't you show your codes on code playground and share it here?
29th Jul 2018, 3:49 AM
Calviղ
Calviղ - avatar
0
https://www.sololearn.com/discuss/1417212/?ref=app Can anyone explain the output of this code?
29th Jul 2018, 6:20 AM
Shubham Chaurasia
Shubham Chaurasia - avatar
0
See this https://code.sololearn.com/WZaTQbQ2QELl/?ref=app If this solves your query.
29th Jul 2018, 8:52 AM
Meet Mehta
Meet Mehta - avatar