come allineare logo e testo

[Ottavanona]

ciao a tutti,
io devo allineare un'immagine con un testo nell' header
questo è il codice del css

#header {
width: 900px;
color: #37B01A;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 5px 0px;
background: #000000;
}
#header h1{
text-align: center;
vertical-align: middle;
}

#header img{
width: 100px;
height: 100px;

e questo quello dell'html

<div id="header">
<h1>Esempio 1 Css</h1>
[img]logo.jpg[/img]
</div>

come posso fare?

[oronze]

hai due possibilità....o inserisci l'immagine nel paragrafo e poi allinei l'immagine al paragrafo (come l'esempio di questa pagina: http://www.w3schools.com/Css/pr_pos_vertical-align.asp)
oppure al tag h1 stabilisci la distanza dal top allineandolo....puoi usare margin-top: 5px oppure top: 5px

[Ottavanona]

Originariamente inviato da oronze
hai due possibilità....o inserisci l'immagine nel paragrafo e poi allinei l'immagine al paragrafo (come l'esempio di questa pagina: http://www.w3schools.com/Css/pr_pos_vertical-align.asp)
oppure al tag h1 stabilisci la distanza dal top allineandolo....puoi usare margin-top: 5px oppure top: 5px

grazie!
pero sono riuscito a risolvere così

#header {
width: 900px;
color: #37B01A;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 5px 0px;
background: #000000 url(logo.jpg) no-repeat top left;
}
#header h1{
text-align: center;
vertical-align: middle;
}

#header h1 img{
margin: 45px 0px 0px 0px;
}

e sull'html

<div id="header">
<h1>Esempio 1 Css</h1>
</div>

facendo così l'ho inserita come sfondo!

grazie 1000 lo stesso!