이미지 상단 정렬 valign=top

티스토리 블로그에서, 이미지를 2개를 나란히 넣으면, 이미지 길이 차이 때문에 보기 좋지 않을 때가 있다.

이미지를 상단이든 하단이든 맞추는 것이 좋을 것 같다.

▼

HTML 상태에서, <td> 영역에 valign="top"을 넣어주면, 위의 이미지 처럼 상단 정렬이 된다. 이미지가 두개를 넣으면 <td>가 두개, 이미지 세개를 넣으면 <td>가 세개가 될 것이다. Ctrl+F를 이용해서 td를 찾으면, 훨씬 편할 것이다.  

<td valign="top"> ~ </td>

하단 정렬을 원한다면 valign="bottom" 을 넣어 준다.  중단 정렬은 "middle"이다.

※ 이거 찾느랴 한참 돌아 다녔다. 다음에 또 잃어 버릴것 같은 예감이 들어 기록해 둔다.