Image and header side by side in the header

[Alper]

Hello,

I simply would like to put an company logo and a header text next to
the company logo in the header. I tried several things including the
following grid layout

    <div class="page-header">
        <div class="span4"><img src="/images/hcc_logo.png"
alt="HCC_Logo" /></div>
        <div class="span8"><h1>Accounting Period Status</h1></
div>
    </div>

Header text always appears below the logo. How can I place them on the
same line?

Thanks.