Besoin conseil alignement horizontal de deux éléments

Bonjour à tous,
J'essaie de construire mon premier design avec les CSS et je bute sur certains points.

J'aimerais notamment comprendre comment aligner horizontalement un menu (avec propriété display:inline) et un moteur de recherche.

Dois-je construire deux blocs distincts (un pour le menu, l'autre pour le moteur) et utiliser la propriété float:right (ou peut être position:absolute ?) sur le bloc "moteur" afin de le caser au même niveau que mon menu ?

Ou bien me faut-il créer UN SEUL bloc, lequel va inclure ces deux sous blocs ? (imbrication du menu et du moteur dans un bloc principal, ayant par exemple pour id "navigation").

Qui peut m'expliquer quelle est la méthode à adopter dans ce cas de figure ?

Merci d'avance.

jpv56

Bonjour jpv56 !

Ma solution est la suivante :

<div>
	<ul>
		<li>Accueil</li>
                <li>Rub 1</li>
      </ul>
		
     <div id="recherche">
	        //formulaire de recherche
      </div>

Avec les li en float:left; puis la div recherche en float:right;

Bonsoir Zulie,
Merci pour ta solution mais est-il absolument nécessaire de faire aussi flotter le bloc de gauche, à savoir le bloc menu ? Un float:right sur le bloc recherche ne suffirait-il pas ?

Merci et bonne soirée.

jpv56

Bonsoir jpv56.

Effectivement le float left n'est pas obligatoire car tu utilises le display:inline