답변 7개 / 댓글 4개
채택된 답변
+20 포인트
img를 감싼 p에
display: inline-block;
vertical-align: top;
값을 주시고,
나머지 오른쪽에 자리하고 싶은 텍스트를 전부 div로 묶어
div에 display: inline-block; 값을 주면 가능합니다.
모두 정말 고맙습니다.
안되다가 할수없이 flex 써서 해결했네요;;
테이블로 구성
Copy
<tr>
<td colspan="4" width="100%" valign="top"">
<img src="./img/church_7.png" alt="사목회장" align="left" hspace="5" vspace="5">
<p style="text-align:justify">사랑하는 형제자매 여러분!<br />
<br />
본인은 이번 사목협의회 회장이라는 중책을 맡았습니다. 예수님께서 걸으신 그 숭고하고 거룩한 정신을 이어받아 "나에게 힘을 주시는 분 안에서 나는 모든 일을 할 수 있습니다"(필리피서 4장 13절)라는 고귀한 성경 말씀처럼 사목협의회 회장으로서 모든 책무를 충실히 이행하고, 주임 신부님의 사목지침과 방침을 충실히 따르고 이행하면서 보다 발전된 모습을 보일 수 있도록 최선을 다하겠습니다.<br />
형제자매 여러분들의 깊은 관심과 애정 그리고 협조를 부탁드립니다.<br /></p>
<p style="text-align:right">17대 사목회장 <b>손ㅇㅇ ㅇㅇㅇ</b></p>
</td>
</tr>실제 제가 관리하는 사이트 소스입니다.
이미지는 align="left"
텍스트와의 간격 hspace="5" vspace="5"
텍스트는 좌우 끝단을 맞춰줍니다 style="text-align:justify"
답변을 작성하려면 로그인이 필요합니다.
https://codepen.io/sinbi/pen/mqERBe