2011-02-08 68 views
0

我有一個像this.I一個HTML文件正在逐漸在picture1.But這樣的輸出,我需要在picture2.mainly文字像這樣的輸出應該是平行於圖像圖像,而不是工作

<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"en-US\" xml:lang=\"en-US\"> 
<head> 
<title>MigraineMate Paint Graph</title> 
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" /> 
<link href=\"default.css\" rel=\"stylesheet\" type=\"text/css\"/> 
</head> 
<body> 
<img src=\"Justin.png\" alt=\"justin Biber\"/> 
<div id=\"notification\"> 
<h1>Please Wait Graph may take a moment to load</h1> 

</div> 
</body> 
</html> 
文本顯示

和CSS文件

#notification 
{ 
    width: 860px; 
    height: 730px; 
    margin: auto; 
    background-color: transparent; 
} 

#notification h1 
{ 
    padding-top: 15px; 
    padding-left:0px; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size:20px; 
} 

回答

1

您可以用左浮動海狸開始:

<img src="..." alt="..." style="float:left; text-align:left;" /> 

這裏有一些quick notes

1

您需要將{float: left;}添加到圖像才能讓文字環繞它。記住也可以使用類似<div style="clear: both;"></div>