Bonjour,
 
Je souhaiterai placer 2 blocks l'un à côté de l'autre mais que le premier block conserve sa position centrale, le tout en utilisant la propriété float.
J'ai tenté de créer une div englobant mon h1 (block 1 en display:block) et div#network (block 2) et de jouer avec les valeurs des propriétés "width" et "margin" seulement quand je dézoomai, le block h1 ne restait plus au centre de la page et se trouvait donc décalé par rapport aux menus situés en dessous. Pas très propre comme résultat donc.
 
Voici mon code HTML :

 
Avez-vous une solution à mon problème ?
 
Cordialement, Romain.

Je viens d'avoir une solution qui me paraît être la bonne. Pourquoi ne pas créer un block fantôme qui viendrait se placer à gauche du h1. Ainsi les différents éléments resteraient en phase avec le menu. Merci de m'éclairer si je fais fausse route. Il s'agirait plutôt de maquiller un problème plutôt que d'essayer de le résoudre.

#ghost{
 width: 30%;
 float: left;
 visibility: hidden;
}

Sinon tu peux aussi arrêter d'utiliser les floats et utiliser Flexbox, qui est fait pour ça sans se prendre la tête (en plus d'être maintenant supporté par tous les navigateurs)
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 
Etat du support de flex par les navigateurs : http://caniuse.com/#search=flex