如何把兩張圖片的圖片放在網頁的同一區域？

我創建了以下網頁以及一個css文件，其中我試圖在頭部分中放置兩行圖片，但文本行從頭文件中出來。提前致謝。如何把兩張圖片的圖片放在網頁的同一區域？

#header { 
 
\t background-color: lightblue; 
 
\t height: 150px; 
 
} 
 

 
#header h1, h2 { 
 
    text-align: center; 
 
}

<html> 
 
    <head> 
 
     <title>Perfect Page</title> 
 
     <link href="css/tsgeneral.css" type="text/css" rel="stylesheet"> 
 
    </head> 
 
    <body> 
 
     <div id ="header"> 
 
      <img src="pics/ts1.jpg" height="150" width="150" alt="tsIncanda"> 
 
      <h1>Tss Fans Page</h1> 
 
      <h2>Welcome Fans</h2> 
 
     </div> 
 
    </body> 
 
</html>

來源

2014-10-18 mohsen.noor

您可以將浮點數添加到圖像：http://jsfiddle.net/g94hdq10/ – emmanuel 2014-10-18 22:09:28

使用浮動的圖像。

#header img { 
    float: left; 
}

來源

2014-10-18 22:10:48 ProblemsOfSumit

如何把兩張圖片的圖片放在網頁的同一區域？

回答

相關問題