CSS Grafik neben Text positionieren

Emskerla

Lieutenant
Dabei seit
Dez. 2008
Beiträge
582
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