이미지 오른편에 텍스트를 넣고 싶습니다

이미지 오른편에 텍스트를 넣고 싶습니다

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

이미지 오른편에 텍스트를 넣고 싶습니다

본문

안녕하세요 냑여러분 -_-;;

 

아래 처럼 이미지 오른편에 텍스트를 넣고 싶은데요.

HTML과 CSS를 어떻게 짜야할지 도저히 모르겠습니다.

float: left 말고 다른 방법이 있나요?

 

http://red2.net/other2/about_us.html

 

 

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

스폰서링크

답변 7

채택됨

nanati님의 답변

img를 감싼 p에

display: inline-block;

vertical-align: top;

값을 주시고,

 

나머지 오른쪽에 자리하고 싶은 텍스트를 전부 div로 묶어 

div에 display: inline-block; 값을 주면 가능합니다.

주소복사
채택됨
답변의 댓글

나시님의 답변

제일 쉬운건 테이블 구성해서 하는게 편하죠..

기타 여백은 다 0으로 맞춘뒤에 이미지는 td 에 background 로 넣으시면 편합니다.

주소복사
답변의 댓글

fm25님의 답변

테이블로 구성

 

<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"

주소복사
답변의 댓글

가얌님의 답변

아래 사이트 참고하시고

다운로드 받으시면 해결됩니다.

http://www.jqueryscript.net/lightbox/Facebook-Like-jQuery-Image-Gallery-Lightbox-Plugin-AM2-Simple-Slider.html

 

주소복사
답변의 댓글

ango님의 답변

모두 정말 고맙습니다.

 

안되다가 할수없이 flex 써서 해결했네요;;

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 23
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT