글과 사진 같은 위치

글과 사진 같은 위치

QA

글과 사진 같은 위치

본문

안녕하세요.

매번 이렇게 도움을 받네요 ㅜㅜㅜ

 

제목과 이미지가 같은 위치에 오게 만들려고 합니다.

<div>태그로 제목과 이미지를 묶으면 되는건가요??

 

제목은 나오는데 아무리해도 이미지가 안되요 ㅠㅠㅠ 

 

도와주세요~

3067108330_1612413737.5835.png

이 질문에 댓글 쓰기 :

답변 2


<style>
    *{padding:0; margin:0}
    .box_wrap{width:500px;height:200px}
    .box{float:left;width:50%}
    .box img{width:100%}
</style>
<div class="box_wrap">
    <div class="box left_box">
        <h1>제목</h1>
            내용내용내용내용내용
            내용내용내용내용내용
            내용내용내용내용내용
    </div>
    <div class="box right_box">
        <img src="이미지경로" alt="">
    </div>    
</div>
 

같은 위치에 오기위해서는 가로 크기도 그렇지만 float:left right 구분을 명확히 해주셔야 합니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 19
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT