Logos

How do you put a logo into a header on top of an image in a header?

There are many ways to do this. Here is one.

Logo.css.header { background-image:url("TeMataPeak.jpg"); height:120px; width:110%; margin:-10px;}
Logo.html<!DOCTYPE html><html><head><link rel="stylesheet" type="text/css" href="Logo.css"></head><body> <div class="header"><a href="test.html"> <img src="Logo.png" alt="Logo" style="float:left";> </a> </div> <p> Some text</p> </body></html>