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

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

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 써서 해결했네요;;

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 게시물이 없습니다.

회원로그인

진행중 포인트경매

  1. 아이패드 프로 스마트커버 10.5인치 정품

    참여0 회 시작19.09.22 22:43 종료19.09.25 22:43

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

© SIRSOFT