 이미지 옆에 여러줄의 텍스트 넣기 (Tip&Tag) |
 
|
| 2003-08-05 (화) 14:12 조회:1294 | |
|
|
|
|
일반적인 경우, 이미지 옆에 텍스트를 입력하게 되면 한 줄로 들어갑니다. 이런 경우, 테이블을 만들고, 이미지와 텍스트를 각각 다른 셀에 넣는 방법으로 이미지 옆에 여러줄의 텍스트가 표시되게 할 수 있습니다. 하지만, 굳이 테이블을 이용하지 않고도 이미지 옆에 여러줄의 텍스트를 보기 좋게 입력할 수 있습니다. 이미지 옆에 넣을 텍스트가 이미지의 높이보다 긴 경우는 테이블을 만드는 것보다 오히려 이 방법으로 배열 시키는 게 훨씬 효율적입니다. <img src="그림주소.jpg" align="left"> <img src="그림주소.jpg" align="right"> 위와 같은 방법으로 align=left나 align=right 를 이미지 택 안에 추가해 보세요. 그럼 그림이 이렇게 이미지 옆에 뜨게 됩니다. 테이블을 따로 만들지 않아도 된다는 얘기지요. 하지만 저렇게만 하면, 그림과 글씨가 다닥 다닥 붙어서 보기 싫게 됩니다. 아래처럼 <img src="그림주소.jpg" align="left" style="margin-right:15"> 혹은 <img src="그림주소.jpg" align="right" style="margin-left:15"> 이렇게 그림의 오른쪽이나 왼쪽에 스타일시트를 이용해 여백을 주시면 됩니다. 이렇게 그림 옆에 원하는 만큼의 여백을 두어서 그림과 글자가 보기 좋게 정렬됩니다. |
| 
|
