Problème d'allignement horizontal div CSS Html

Bonjour,

Voilà mon code CSS
header
{
width:100%;
background-color:white;
display:inline-block;
margin:auto;
padding:25px;
}
#Photo
{
float:left;
}

#texte
{
border:1px solid red;
margin-left:250px;
}
#logo
{
float:right;
}
Et voici mon code HTML:

J'ai 3 div :

<header>
<div="photo">...</div>
<div="texte">...</div>
<div="logo">...</div>
</header>

J'ai beau chipoter avec les positions "absolute ou relative", avec les "float", je n'arrive pas à aligner en ligne les 3 éléments : chacun se place à la suite de l'autre horizontalement ça, ça va, mais ils se placent aussi verticalement, cad il se place en dessous. J'ai agrémenté mes css d'un "border:1px solid black;" et là,je vois qu'il se place en dessous...
Merci de votre aide