SpongeBOB
Well-Known Coder
Hi everyone,
I would like to display 4 little form side by side (with a space / gap between them)
For now I have this
[CODE lang="html" title="HTML"]<form method = "POST" >
<input type="hidden" name="langue" value="en">
<input type="image" src="static/us.gif" title="English">
</form>
<form method = "POST" >
<input type="hidden" name="langue" value="fr">
<input type="image" src="static/fr.gif" title="French">
</form>
<form method = "POST" >
<input type="hidden" name="langue" value="nl">
<input type="image" src="static/nl.gif" title="Dutch">
</form>
<form method = "POST" >
<input type="hidden" name="langue" value="pl">
<input type="image" src="static/pl.gif" title="Polish">
</form>[/CODE]
the output is :
I've tried to edit my CSS ->
the output is:
Almost there but now I need a space between them...
Thanks.
I would like to display 4 little form side by side (with a space / gap between them)
For now I have this
[CODE lang="html" title="HTML"]<form method = "POST" >
<input type="hidden" name="langue" value="en">
<input type="image" src="static/us.gif" title="English">
</form>
<form method = "POST" >
<input type="hidden" name="langue" value="fr">
<input type="image" src="static/fr.gif" title="French">
</form>
<form method = "POST" >
<input type="hidden" name="langue" value="nl">
<input type="image" src="static/nl.gif" title="Dutch">
</form>
<form method = "POST" >
<input type="hidden" name="langue" value="pl">
<input type="image" src="static/pl.gif" title="Polish">
</form>[/CODE]
the output is :
I've tried to edit my CSS ->
CSS:
<style>
form {
float: left;
}
</style>
the output is:
Almost there but now I need a space between them...
Thanks.