how can i add horizontal space between two forms in HTML?

Question

Say one form is Username and other is Passkey, and both are side to side (as i am not using <br/>). Now if I want to add space between these two forms, what to use?

Answer 1

yes you can place both forms in two div tag like this when you are using bootstrap CSS

<div id="row">
<div id="col-lg-4>
<!--form one goes here -->
</div>
<div id="col-lg-4>
<!--horizontal space -->
</div>
<div id="col-lg-4>
<!--form two goes here -->
</div>
</div>

Answer 2

You can use a non-breaking space (&nbsp;) if you want to assure they get separated no matter what.

Answer 3

there is no element for this like <hr>

but with a bit of html and CSS you can do it

https://stackoverflow.com/questions/40820139/html-vertical-line-separator

https://www.quora.com/How-do-I-create-a-vertical-line-in-HTML

https://stackoverflow.com/questions/571900/is-there-a-vr-vertical-rule-in-html

Answer 4

thanks for the ans. I am new to html and could not properly manage to work correctly with the codes suggested by you all. so I used table tag to add some space between my two forms. it's working ok. I need to fine tune the spacing though. thanks again for the help.
<table>
<tr>
<td>
<form>
<input type="text" name="username" /> </input> </form> </td>
<td> </td>
<td>
<form>
<input type="password" name="password" />
</form> </td>