Search code examples
cssbackground-colorline-breaks

Making break line without using <br/>


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>

Solution

  • 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>