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

이미지 및 h1 요소에 float:left CSS 속성을 사용하십시오. 그런 다음 두 개의 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; 
}