CSS：讓一切都在一邊

Question

好吧，所以我想要的圖像和旁邊它，我想h1和p！像這樣的東西

-------- 
|  | 
|  | h1 tag with name 
| Image | p tag with description 
|  | 
|  | 
-------- 

<img src="" style="position:relative;left:10px;"> <h1 >SOmething</h1> 
<p>asdasdsa</p> 

Answer 1

請使用float:left css屬性對圖像和h1元素。然後，請使用P

OR

兩個TD

<table><tr><td>image</td><td>[H1] [P]</td></tr></table> 

Answer 2

創建一個表做這樣一些事情：

<img src="loading.gif" alt="Test image" style="float:left;"/><h1 style="float:left;">here</h1><p style="float:left;">abc</p> 

Answer 3

HTML：

<image src="source.png" alt="alt" id="theimage"/> 
<div id="nameanddescription"> 
<h1>Name</h1> 
<p>description</p> 
</div> 

CSS：

#theimage 
{ 
    float: left; 
} 

#nameanddescription 
{ 
    float: left; 
}