Making break line without using

Question

I want to display the first input[email] and my button in one line and make the rest in another line, Also want to disable default style for my checkbox and display it with transparent background.

<form method="post" name="form_BE_box" action="">
<input type="email" name="mail" placeholder="Votre adresse mail" id="MAIL"/>
<button class="button" type="submit">S'inscrire</button><br/>
<input type="checkbox" checked="checked" value="Partenaire" name="fou" /> Cochez ici pour s'inscrire aux communications partenaire
</form>

@VilleKoo I tried to make each block in span element and I apply the following css on after { content: '\A'; white-space: pre; }" but no success — Afaf, Mar 21 '17 at 10:42

score 0 · Accepted Answer · edited May 23 '17 at 11:46

0

You can include your input into a div. Here is a working jsfiddle.

And regarding the checkbox you can take a look at this answer: stackoverflow

<form method="post" name="form_BE_box" action="">
<input type="email" name="mail" placeholder="Votre adresse mail" id="MAIL"/>
<button class="button" type="submit">S'inscrire</button>
<div>
<input type="checkbox" checked="checked" value="Partenaire" name="fou" /> Cochez ici pour s'inscrire aux communications partenaire
</div>
</form>

edited May 23 '17 at 11:46

Community

1
1

answered Mar 21 '17 at 10:40

vadber

239
4
16

Thank you @vadber It helped me but I fixed my error like this
– Afaf Mar 21 '17 at 10:53

Making break line without using

1 Answers1