CSS Grafik neben Text positionieren

E

Emskerla

Gast
Liebe Gemeinschaft,

ich style gerade dieses Template um.

Wie schaffe ich es, dass mein Logo immer in einem bestimmten Abstand links von Überschrift steht?

HTML:
HTML:
<div id="mylogo" style="height: 150px;">
<img src="images/logo.jpg" alt="logo"/></div>
<div id="header">                
<h1><a href="index.html" id="logo">Überschrift</a></h1>
</div>
CSS:
HTML:
#mylogo
{ 
    z-index: 2;
    position: relative;
    max-width: 100%;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5); 
    float: right;
}

@media only screen and (max-width: 840px) { #mylogo { display:none; } } 


/* Header */

#header 
{
text-align: center;
padding: 1em 0 0 0;
background-color: #fff;
background-position: top left, top left, top left;
background-size: 100% 6em, 100% 6em, auto;
background-repeat: no-repeat, no-repeat, repeat;
}
 
Top