pas de saut de ligne entre le bouton et la forme

Comment puis-je obtenir un bouton et un élément de formulaire dans la même ligne, sans saut de ligne qui se passe?
merci beaucoup!

  <button>ask question</button>
<form action="/search" method="get">
    <input type="text" name="q" value="{SearchQuery}"/>
    <input type="submit" value="Search"/>
    </form>

OriginalL'auteur Roland | 2012-02-02

  1. 24

    Utiliser cette feuille de style CSS: style="display: inline;" sur votre formulaire.

    <form action="/search" method="get" style="display: inline;">

    Voici un démo sur JSBin.

    OriginalL'auteur p.campbell

  2. 2

    Les champs de saisie sont les éléments de niveau bloc. Vous pouvez modifier les règles d'affichage CSS:

    input { display: inline; }

    OriginalL'auteur IanGilham

  3. 2

    Vous pourriez faire sur le bouton d'un flotteur:

    <button style="float: left;">ask question</button>
    Cela fonctionne aussi pour un formulaire, alors que l'on a accepté la réponse n'a pas de travail.

    OriginalL'auteur nolt2232

  4. 2

    les deux <button> et <form> sont des éléments de niveau bloc. vous auriez besoin de les faire en ligne avec CSS display: inline. vous ne savez pas si c'est ce que tu veux dire. cela dépend aussi de votre large HTML.

    OriginalL'auteur bzx

  5. 1

    Vous pouvez float: left fois le bouton et la forme

    OriginalL'auteur iblazevic