Ciao a tutti, sto cercando di posizionare due loghi nell'header del sito. Un logo deve essere allineato a sinistra, l'altro centrale. Seguendo varie guide online dicono di fare così nei CSS:
codice:
margin: 0 auto;
display: block;
Io ho fatto così:
codice:
#logosx {
  text-align: left;
  height: 36px;
}

#logocen {
  margin: 0 auto;
  height: 36px;
}
Ma il logo non viene centrato. Usando il codice che ho trovato le due immagini vengono messe su due righe e questo non va bene. L'unico modo che ho trovato è quello di utilizzare l'HTML racchiundendo l'immagine in un tag center, ma volevo farlo con i CSS.

Cosa stò sbagliando?

HTML:
codice:
<img src="img/designhubs_logo.png" id="logocen" alt="logo designhubs" id="logocen">
<img src="img/sos3dprinting_logo_small.png" id="logosx" alt="logo sos3dprinting.com" id="logosx">