Cette façon de procéder est-elle considérée comme négligente ?

Question

Dans ma div d'en-tête, j'ai besoin d'avoir 2 objets flottant à droite, l'un est un bouton et l'autre un champ de recherche.

Les deux sont dans une div appelée "pull-right" qui les fait flotter à droite.

Les objets sont dans l'ordre suivant (de gauche à droite)

Boîte de recherche Bouton

Cependant, comme les deux flottent évidemment à droite, le premier élément du code va l'emporter et prendre la place de droite.

J'ai donc placé le bouton avant la boîte de recherche, même si c'est la boîte de recherche qui vient en premier. Mais cela fonctionne quand même.

Est-ce considéré comme une façon négligente de procéder ?

Voici le code HTML :

<div id="navbar">
  <div id="navbar-inner" class="clearfix">
    <div class="pull-right">
      <a href="#" class="btn lightgrey">Sign in</a>
   </div>

   <div class="pull-right">
     <form><input type="search" id="search" placeholder="Search"></form>
   </div>
  </div>
  </div>

et le CSS :

.pull-right { 
    float: right; 
}

Answer 1

Vous pouvez facilement l'envelopper dans un autre récipient et le faire flotter à droite.

HTML :

<div id="floatingContainer">
    <input type="text" value="Input" />
    <input type="submit" value="submit" />
</div>

CSS :

#floatingContainer { float:right; }

Exemple de JSFiddle .