Can anyone align the checklist in this code? Other advices are also welcome

Question

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

Answer 1

HTML only, use a table, and move td width percent, play it with this

<table width="100%">
<tr>
<td width="40%">
</td>
<td>
<input type="checkbox" name="hobby" value="playing" align="left"/>playing<br />
<input type="checkbox" name="hobby" value="reading" align="left"/>reading<br/>
<input type="checkbox" name="hobby" value="CODING!!!" align="left"/>CODING!!!<br />
</td>
</tr>
</table>

Answer 2

Try to write label in capitals and also leave a line between textbox and label.

Also try to write css in different file (It would be easy to change styles) and attach it to html file .

If this helps =>

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

Hope this helps ☺️☺️.