Cheaters: Text zentrieren neben Bild

Beitrag lesen

Hallo, ich habe ein Problem bei der Zentrierung eines Textes neben des Bildes, ich will das der Text genau in der Mitte ist und neben an noch ein Bild das neben dem Text ist aber nur der Text muss in der Mitte sein, also ohne das logo... Hier mal mein HTML und mein CSS code...:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />  
	<title>Wellnik</title>  
    <link rel="icon" href="css/icon.png" type="image/x-icon">  
</head>  
	<body>  
    <p id="logo">  
	  <img src="css/logo.png" align="left"/>  
    </p>  
    <div class="title">  
      <p>Willkommen bei Wellnik</p>  
    </div>  
    <div id="box1">  
    	<p><img src="css/hintergrund2.png" /></p>  
    </div>  
</body>  
</html>

CSS:

@charset "utf-8";  
/* CSS Document */  
  
body{  
	background-image: url(hintergrund.PNG); 	/*Oranges Hintergrundbild*/  
	background-size:cover;						/*ganze Seite orange*/  
	background-attachment:fixed;  
	background-repeat:no-repeat;  
	background-position:inherit;  
	color: #FFF2CF;								/*Schriftfarbe*/  
}  
  
img{  
	  
	display: block;								/*Text Box*/  
	margin-left: auto;  
	margin-right: auto;  
}  
  
.logo{  
	float: left;								/*Logo linksbündig*/  
}  
  
.title{  
	font-size: 100px;							/*Schrift vom Titel*/  
 	font-family: "Edwardian Script ITC";  
	display: block;  
	text-align: center;  
}