[HTML:CSS:스크립트] <p>와 <td>태그 style 활용 이미지(img) 가운데 정렬하는 방법

<td> 태그 내에 style을 활용하여 정렬한 모습

이미지 가운데 정렬

<td style="width: 34.905%; text-align: center;">

이미지 좌측 정렬

<td style="width: 30.4347%; text-align: left;">

이미지 우측 정렬

<td style="width: 31.0555%; text-align: right;">

<td style="text-align: left; 또는 text-align: center; 또는 text-align: right;">

 

<p>태그를 활용하는 방법

- 가운데 정렬 -
<p style="text-align: center;">

<img src="이미지 경로" width="150" height="150"  />

</p>

- 왼쪽 정렬 -
<p style="text-align: left;">

<img src="이미지 경로" width="150" height="150"  />

</p>

- 오른쪽 정렬 -
<p style="text-align: right;">

<img src="이미지 경로" width="150" height="150"  />

</p>

 

- 소스는 메모장에 정리해 첨부합니다 -

P태그와 td태그 style을 활용 이미지 정렬하는 방법.txt

0.00MB