How to put logo and text side to side

How To
1

I’m struggling to put side to side a logo and contact information on HTML header through CSS. Here what I’ve done so far:

<div id="Principal">
        <header>
            <img id="Logo" src="decoupe/logo.png" alt="logo" />
            <h2 id="Titre">ENGLISH | OFFRES D'EMPLOIS</h2>
            <div style="display:block;text-align:left"><img align="left" src="decoupe/tel.png" border="0">CONTACTEZ-NOUS<br>
            450.378.0413<br>
            1.800.567.1827</div>
       </header>

For CSS:

#Principal
{
    width:1000px;
    margin: auto;
    border: solid 1px;

}
#Logo
{
    display: inline-block;
    margin-left: 25px;
    margin-top: 25px;
      
}
#Titre
{
    display: inline-block;
    vertical-align: top;
    width: 75%;
    float: right;
    text-align: center;
    
}

What I’ve done wrong since I want to add an background image file with it?

2

For one thing you’re using inline CSS mixed with external CSS. Another minor issue is that you’re using “inline-block” mixed with floats, you only need to use one or the other.

That said these forums are for Komodo support, whilst you can certainly ask your questions about web development here you are unlikely to get the response you need. I would recommend asking your question on http://stackoverflow.com instead.